/*************************************************/
/*G002T002*/
/*************************************************/
/*************************************************/
/*VARIABLES*/
/*************************************************/
/*** couleur primaire et secondaire **********************/
/*** couleur text primaire et secondaire******/
/*** font-family **********************/
/*************************************************/
/*HTML5 CSS3*/
/*************************************************/
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
html,
body {
  height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
body {
  font: 13px/1.231 sans-serif;
  font-size: small;
}
select,
input,
textarea,
button {
  font: 99% sans-serif;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
html {
  overflow-y: scroll;
}
a:hover,
a:active {
  outline: none;
}
ol {
  list-style-type: decimal;
}
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: bold;
}
td {
  vertical-align: top;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}
textarea {
  overflow: auto;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
button {
  width: auto;
  overflow: visible;
}
b {
  font-weight: bold;
}
.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  width: 0px;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/*************************************************/
/*CSS3*/
.3D {
  -webkit-perspective: 100;
  -moz-perspective: 100;
  -o-perspective: 100;
  -ms-perspective: 100;
  perspective: 100;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}
/*************************************************/
/*BG*/
/*************************************************/
/*POSITION*/
.BG {
  background-position: center top;
}
/*FIXED*/
.BG-fixed {
  background-attachment: fixed;
}
/*COVER*/
.BG-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}
/*POSITION*/
.BG-center-top {
  background-position: center top !important;
}
.BG-center-center {
  background-position: center center !important;
}
.BG-center-bottom {
  background-position: center bottom !important;
}
.BG-left-top {
  background-position: left top !important;
}
.BG-left-center {
  background-position: left center !important;
}
.BG-left-bottom {
  background-position: left bottom !important;
}
.BG-right-top {
  background-position: right top !important;
}
.BG-right-center {
  background-position: right center !important;
}
.BG-right-bottom {
  background-position: right bottom !important;
}
/*REPEAT*/
.BG-repeat {
  background-repeat: repeat;
}
.BG-no-repeat {
  background-repeat: no-repeat;
}
/*************************************************/
/*MOBILE*/
@media screen and (max-width: 760px) {
  
}
/*************************************************/
/*************************************************/
/*PRINT*/
/*************************************************/
@media print {
  body {
    overflow: hidden !important;
    height: auto !important;
  }
  #header_btn {
    display: none !important;
  }
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  #contentMiddle a[href]:after {
    content: " (" attr(href) ")";
  }
  #contentMiddle abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h1 {
    padding-left: 0px !important;
    border-bottom: 1px solid #79A81C;
    clear: both;
    overflow: hidden;
  }
  h1.baseline {
    padding: 50px 20px 25px 260px !important;
    border: 0px none;
    clear: both;
    overflow: hidden;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .url {
    font-size: 12px !important;
  }
  .bloc {
    display: block;
    position: relative;
    page-break-inside: auto ;
  }
}
body.print {
  font-family: Arial;
  color: #666666;
}
.print b {
  color: #333333;
}
.print a {
  color: #79A81C;
}
.print #ui-admin {
  display: none !important;
}
.print h1,
.print h2,
.print h3,
.print h4,
.print h5,
.print .first strong {
  color: #333333;
  font-family: "Merriweather";
  font-weight: bold;
}
.print h1,
.print h2,
.print h3,
.print h4,
.print h5,
.print ul,
.print ol,
.print p {
  display: block;
  margin-bottom: 15px;
}
.print .btn {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  text-transform: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom: 5px;
  padding: 8px 55px 8px 12px;
  width: 215px;
  letter-spacing: normal;
  font-size: 17px;
  line-height: 16px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  background: #79A81C;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: linear-gradient(top, #98D224 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C );
  zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 15px;
}
.print .btn-hover,
.print .btn:hover {
  background: #79A81C;
  background: -moz-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5B7D15), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: -o-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: -ms-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #5B7D15 , endColorstr= #79A81C );
  zoom: 1;
}
.print #container {
  padding: 0px 20px 0px 20px;
}
.print .bloc h1 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 5px;
  line-height: 24px;
  color: #FFF;
  background: #79A81C;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: linear-gradient(top, #98D224 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C );
  zoom: 1;
  padding: 15px 20px 15px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.print .bloc h1 {
  position: relative;
  padding: 3px 20px;
  cursor: pointer;
}
.print .first h1 {
  padding: 15px 20px 15px 20px;
}
.print h2 {
  text-transform: uppercase;
}
.print #entete {
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}
.print #entete .baseline {
  display: block !important;
  white-space: normal !important;
  clear: both;
  background: #FFF !important;
  min-height: 60px;
  font-family: "Merriweather";
  font-size: 20px;
  letter-spacing: 6px;
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
  padding: 50px 20px 25px 260px;
  line-height: 32px;
  margin-bottom: 0px;
}
.print #entete .logo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 215px;
}
.print #entete .logo img {
  display: block;
  background-position: center center;
  min-height: 120px;
  min-width: 160px;
  text-indent: -2000px;
  overflow: hidden;
}
.print #entete .logo .slogan {
  height: 110px;
  font-size: 11px;
  text-align: center;
  padding: 0 5px 0 5px;
  color: #D8422F;
}
.print #entete #header_btn {
  position: absolute;
  right: 0px;
  top: 15px;
}
.print #entete #header_btn .print span {
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
  background: url(/13765703/image/template/spriteprint.png) left top no-repeat;
  height: 24px;
  width: 25px;
}
.print #entete #header_btn .close span {
  display: block;
  position: absolute;
  right: 10px;
  top: 5px;
  background: url(/13765703/image/template/spriteprint.png) left -50px no-repeat;
  height: 24px;
  width: 24px;
}
.print #entete .url {
  padding: 25px 20px 25px 260px;
  color: #333333;
  font-size: 20px;
  text-decoration: none;
}
.print .first strong {
  display: block;
}
.print .bloc > img {
  display: block;
  float: none;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  margin: 20px 0px 20px 0;
}
.print .bloc {
  margin-bottom: 20px;
}
.print .infos {
  margin: 0px;
  font-size: 0.95em;
  overflow: hidden;
}
.print .infos h2 {
  letter-spacing: 2px;
  margin: 0 0 10px 0;
}
.print .infos dl {
  padding: 0px;
  margin: 0px 0px 20px 0px;
  width: 100%;
  overflow: hidden;
}
.print .infos dl dt {
  color: #88BD20;
  font-weight: bold;
  width: 50%;
  margin: 0px;
  padding: 0px;
  float: left;
}
.print .infos dl dd {
  color: #842518;
  width: 50%;
  margin: 0px;
  padding: 0px;
  float: left;
}
.print ul li {
  list-style: disc inside;
  color: #79A81C;
  line-height: 1.5em;
}
.print ul li > q {
  color: #842518;
}
.print ul li > q > p {
  display: inline;
}
.print ul.indent {
  margin-left: 30px;
}
.print ul.large {
  overflow: hidden;
  height: auto;
}
.print ul.large li {
  float: left;
  width: 240px;
  overflow: hidden;
}
.print figure img {
  width: 100%;
  max-height: 100%;
  margin-bottom: 15px;
}
.print .map,
.print .map iframe {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
/*************************************************/
/*COMMUN*/
/*************************************************/
/* ########## Cookies ########## */
.bandeau-cookies {
  background-color: #000;
  padding: 20px 20px 10px 20px;
  color: #FFF;
  text-align: center;
  position: relative;
  z-index: 100000;
  overflow: hidden;
}
.bandeau-cookies .bandeau-cookies-group {
  display: inline-block;
  text-align: center;
}
.bandeau-cookies .bandeau-cookies-group a {
  color: #000000;
  padding: 5px 10px 5px 10px;
  background-color: #cccccc;
  cursor: pointer;
  margin-right: 10px;
}
.bandeau-cookies .bandeau-cookies-group:first-child {
  margin-bottom: 10px;
  display: block;
  float: left;
}
/*************************************************/
/*GLOBAL*/
body {
  position: relative;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  margin: 0 auto;
}
.clear {
  clear: both;
}
.clear-bloc {
  display: block;
  width: auto !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
body {
  font-size: 0.8em;
}
#container {
  visibility: hidden;
}
img {
  display: block;
}
* {
  margin: 0px;
  padding: 0px;
}
ul,
ol {
  list-style-position: inside;
}
i,
em {
  font-style: italic;
}
.btn {
  cursor: pointer;
}
nav ul,
nav li,
nav a {
  display: block;
}
nav a.panier {
  margin-top: 7px;
  margin-right: 10px;
  padding: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 160px;
  position: relative;
  text-decoration: none;
  font-size: 17px;
}
nav a.panier div {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 5px 3px 10px;
}
nav a.panier div.nb-items-panier {
  width: 50px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 10px 3px 0;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  text-align: right;
}
nav a.panier div.nb-items-panier .ico-panier {
  padding-left: 20px;
  background: url(/13765703/image/template/sprite-boutique.png) 0px -26px no-repeat;
  margin-right: 3px;
}
.ie7 nav a.panier div.nb-items-panier .ico-panier {
  width: 0px;
  padding-left: 20px;
  background: url(/13765703/image/template/sprite-boutique.png) 0px -26px no-repeat;
}
nav a.bouton_reserver {
  margin-top: 0;
  margin-right: 10px;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  min-width: 140px;
  height: 36px;
  max-width: 280px;
  position: relative;
  text-decoration: none;
  font-size: 17px;
  transition: 1s ;
  box-shadow: 0px 5px 0px -3px rgba(250, 250, 250, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
nav a.bouton_reserver div.reserver {
  padding: 3px 10px 1px 10px;
  float: right;
}
nav a.bouton_reserver div.fleche-reserver {
  width: 20px;
  height: 14px;
  top: 0;
  right: 0;
  padding: 10px 10px 3px 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: solid #FFF 5px;
  text-align: right;
  float: left;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main ul,
#main ol,
#main p,
#main .component-presentation {
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
  line-height: 16px;
}
#main ul.indent {
  margin-left: 30px;
}
#main hr {
  border: none 0px;
  border-top: #EFEFEF solid 1px;
  margin: 12px 0;
}
#main span {
  color: #79A81C;
  font-weight: bold;
}
#main button {
  border: 0px;
  background: none transparent;
  display: block;
}
#main button .btn {
  display: block;
  clear: both;
}
#main figure.left {
  width: 48%;
  margin: 0 2% 15px 0;
  overflow: hidden;
}
#main figure img {
  width: 100%;
  max-height: 100%;
}
#main .ico .js-ico,
#main .ico .js-ico1,
#main .ico .js-ico2 {
  display: none;
  margin: 0px;
}
#main .send .js-ico {
  position: absolute;
  display: block;
  width: 26px;
  height: 17px;
  background: url(/13765703/image/template/spritepvi.png) 0px -1750px no-repeat;
}
#popn form .inputEnvoyer .send .js-ico {
  position: absolute;
  display: block;
  width: 26px;
  height: 17px;
  background: url(/13765703/image/template/spritepvi.png) 0px -1750px no-repeat;
  left: auto;
  top: 3px;
  right: 5px;
}
#popn form .inputEnvoyer .send .js-ico .js-ico1 {
  display: none;
}
#popn form .inputEnvoyer .send {
  font-weight: bold;
  float: right;
  padding: 5px 60px 5px 20px;
  text-align: left;
  width: auto;
  position: relative;
  font-size: 23px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#popn form .inputClose {
  clear: none !important;
}
#popn form .inputClose .send {
  padding: 7px 20px 5px 20px !important;
}
#popn form .inputClose .send .js-ico {
  display: none;
}
#main .slim {
  cursor: pointer;
}
#main .tel .js-ico {
  position: absolute;
  display: block;
  width: 17px;
  height: 17px;
  background: url(/13765703/image/template/spritepvi.png) 0px -1600px no-repeat;
}
#header-top > svg,
#header-top > .raph,
#btn-panier > svg,
#btn-panier > .raph,
#footer svg,
#footer .raph {
  display: none !important;
}
#nav ul li {
  list-style: none;
}
#nav > ul > li {
  position: relative;
}
#nav ul ul li a {
  display: block;
}
#main ul.large {
  position: relative;
  width: 100%;
}
#main ul.large li {
  position: relative;
  width: 47%;
  margin: 0 2% 8px 0;
  padding: 0;
  float: left;
}
#main ul.indent li {
  width: auto;
  margin-left: 0px;
  margin-left: 0px;
  float: none;
}
#logo {
  display: block;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 120px;
  min-width: 160px;
  overflow: hidden;
  margin: 10px;
}
input.error,
textarea.error {
  background: #FFCCCC !important;
  border: 1px solid #FF0000 !important;
}
.contentActivity,
.contentActivity p {
  margin-bottom: 10px;
}
/*************************************************/
/*CONTACT*/
#main .contact .content {
  padding: 10px 150px 10px 0px;
  position: relative;
}
#main .contact .moreinfo {
  position: absolute;
  bottom: 10px;
  right: 0px;
}
#main .moreinfo {
  padding: 8px 50px 8px 15px;
  font-family: Arial;
  letter-spacing: normal;
  text-transform: none;
  float: left;
  width: auto;
  min-width: 72px;
  text-align: left;
}
#main .moreinfo .js-ico {
  position: absolute;
  display: block;
  right: 10px;
  top: 5px;
  width: 20px;
  height: 20px;
  background: url(/13765703/image/template/spritepvi.png) 0px -1650px no-repeat;
}
#main .tel {
  padding: 8px 50px 8px 15px;
  font-family: Arial;
  letter-spacing: normal;
  text-transform: none;
  float: left;
  width: auto;
  min-width: 72px;
  text-align: left;
}
#main .tel .js-ico {
  position: absolute;
  display: block;
  right: 10px;
  top: 7px;
  width: 17px;
  height: 17px;
  background: url(/13765703/image/template/spritepvi.png) 0px -1600px no-repeat;
}
#main .contact .tel {
  position: absolute;
  top: 10px;
  right: 0px;
}
#main .infos {
  margin: 0px;
  overflow: hidden;
}
#main .infos dl {
  padding: 0px;
  margin: 0px 0px 20px 0px;
  width: 100%;
  overflow: hidden;
}
#main .infos dl dt {
  font-weight: bold;
  width: 50%;
  margin: 0px;
  padding: 0px;
  float: left;
}
#main .infos dl dd {
  width: 50%;
  margin: 0px;
  padding: 0px;
  float: left;
}
/*************************************************/
/*SLIDER*/
.bonsplansdetails .figures {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.bonsplansdetails .figures figure {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.slider {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.slider * {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.figures {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 !important;
}
.figures figure {
  display: block;
  position: absolute;
  width: 100%;
  height: inherit;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.figures figure img {
  display: block;
  position: relative;
  max-height: 100%;
  margin: 0 auto;
  text-align: center;
  /*.3D;*/
}
.figures figure img.active {
  /*.transform(-90deg,-45deg, 0,500px, 0.1);*/
}
.figures figcaption {
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 15px;
  right: 15px;
  color: #FFF !important;
  font-size: 13px;
  padding: 15px;
  width: 370px;
}
.figures figcaption.special {
  border-left: none 0px !important;
  top: auto !important;
  left: auto !important;
}
.ie7 .figures figcaption.special {
  z-index: 910;
}
.figures figcaption * {
  color: #FFF !important;
}
.figures .prev,
.figures .next {
  display: block;
  position: absolute;
  z-index: 500;
  width: 40px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
  background-image: url(/13765703/image/harmony/h002/sprites.png);
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.figures .prev {
  left: 0px;
  background-position: 0px -90px;
}
.figures .next {
  right: 0px;
  background-position: -40px -90px;
}
.figures a.big,
.figures .mini {
  display: none;
}
.figures-nav {
  display: block;
  position: relative;
  height: 75px;
  padding: 10px;
  margin-top: 15px;
  overflow: hidden;
}
.figures-nav .prev,
.figures-nav .next,
.figures-nav .fullscreen {
  display: block;
  position: relative;
  float: left;
  width: 25px;
  height: 100%;
  cursor: pointer;
  background-image: url(/13765703/image/harmony/h002/sprites.png);
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.figures-nav .prev {
  background-position: -6px -78px;
  margin-right: 5px;
}
.figures-nav .next {
  float: right;
  background-position: -48px -78px;
  margin-left: 5px;
}
.figures-nav .fullscreen {
  float: right;
  background-position: -85px -78px;
  width: 70px;
}
.figures-nav .sep {
  display: block;
  position: relative;
  float: right;
  width: 0px;
  height: 100%;
  margin: 0 10px 0 10px;
}
.figures-nav > div {
  display: block;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.figures-nav > div table {
  position: absolute;
}
.figures-nav > div table td {
  position: relative;
  height: 73px;
}
.figures-nav > div table td img {
  display: block;
  position: relative;
  height: inherit;
  width: auto;
  margin: 0 5px 0 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navipuce {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  overflow: hidden;
  z-index: 10;
}
.navipuce li {
  background: #D8422F;
  list-style: none;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.navipuce li:first-child {
  margin: 0px;
}
.navipuce li.active:first-child,
.navipuce li:hover,
.navipuce li.active {
  background: #98D224;
}
body.bonsplansdetails .slider .figures-nav {
  height: 117px;
}
body.bonsplansdetails .slider .figures-nav > div table td {
  height: 115px;
}
body.bonsplansdetails .slider .figures-nav.sizecls td .sizefix img {
  height: 75px;
  margin-top: 3px;
}
body.bonsplansdetails .slider .figures-nav.sizecls .prev,
body.bonsplansdetails .slider .figures-nav.sizecls .next {
  height: 75px;
  margin-top: 18px;
}
body.bonsplansdetails .slider .figures-nav .sizefix {
  text-align: center;
  overflow: hidden;
  margin: 0 2px;
  background: #FFFFFF;
  height: 100%;
}
body.bonsplansdetails .slider .figures-nav .sizefix img {
  margin: auto;
}
body.bonsplansdetails .slider .figures-nav .sizefix p {
  margin: 3px auto 0px auto !important;
}
.figures-nav > div table td .sizefix img {
  border: none 0px;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}
.figures-nav > div table td.active .sizefix img,
.figures-nav > div table td:hover .sizefix img {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  border: none 0px;
}
.figures-nav > div table td .sizefix {
  border: 1px solid #E06A5B;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
}
.figures-nav > div table td.active .sizefix,
.figures-nav > div table td:hover .sizefix {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  border: 1px solid #98D224;
}
#main .pagination {
  display: block;
  float: right;
  margin: 10px;
}
#main .pagination li {
  list-style: none;
  display: block;
  padding: 5px;
  float: left;
  color: #666666;
}
#main .pagination li span {
  color: #98D224;
  font-weight: normal;
}
#main .pagination li a {
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}
.cible-picto-ville-localisation1,
.cible-picto-ville-localisation2 {
  position: relative;
  width: 22px;
  height: 46px;
  text-align: center;
  color: transparent;
  line-height: 30px;
  font-size: 12px;
  -moz-user-select: none;
  top: -23px;
  left: 11px;
}
.cible-picto-ville-localisation1 {
  background-image: url(/13765703/image/template/epingle1.png);
}
.cible-picto-ville-localisation2 {
  background-image: url(/13765703/image/template/epingle2.png);
}
#left .bloc #itineraireMappy #itineraireForm .choix label {
  color: #666666;
}
#left .bloc #itineraireMappy #itineraireForm .choix label.on {
  color: #98D224;
}
.default-tooltip {
  background-color: #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.drapeauDepart {
  display: block;
  height: 0px;
  width: 0px;
  border-left: 15px solid transparent;
  border-right: 2px solid #000000;
  border-bottom: 15px solid transparent;
  border-top: 10px solid #00CC00;
  margin-top: -20px;
  margin-left: -15px;
}
.drapeauArrivee {
  display: block;
  height: 0px;
  width: 0px;
  border-left: 15px solid transparent;
  border-right: 2px solid #000000;
  border-bottom: 15px solid transparent;
  border-top: 10px solid #CC0000;
  margin-top: -20px;
  margin-left: -15px;
}
roadbook {
  clear: both;
  margin: 20px 0;
}
#popn .figures,
#popn .figures-nav,
#popn .slider {
  margin: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#popn .fullscreen {
  background-position: -145px -78px;
}
body.photos .figures figcaption {
  left: 0px;
  right: auto;
  bottom: 0px;
  font-size: 15px;
  width: auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 8px 15px 8px 15px;
}
/*************************************************/
/*MAPPY*/
#planMappy {
  position: relative;
  width: auto;
  min-width: 320px;
  height: 342px;
  border: 1px solid black;
}
#planMappy #actionMappy {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 140px;
  height: 30px;
  padding-top: 3px;
  padding-left: 3px;
  z-index: 1000;
  background: transparent url(/13765703/image/template/tools_bg.png) no-repeat 0 0;
}
#planMappy #actionMappy ul {
  position: relative;
}
#planMappy #actionMappy ul li {
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  padding: 0;
  margin: 0;
  width: auto;
  background: none;
}
#planMappy #actionMappy ul li a {
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  height: 23px;
  width: 68px;
  padding-top: 3px;
  text-align: center;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
#itineraireMappy {
  display: none;
}
#itineraireMappy.on {
  display: block;
}
body.index .tools-toolbar {
  display: none;
}
body.index #planMappy {
  border: 0px none;
}
/*************************************************/
/*TOOLTIP*/
#tooltip {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5000;
  background-color: #98D224;
  padding: 10px 15px 10px 15px;
  width: 150px;
  margin-left: -90px;
  color: #FFF;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
}
#tooltip .arrow-up {
  position: absolute;
  left: 85px;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #98D224;
}
/*************************************************/
/*COPYRIGHT*/
#copyright {
  display: block;
  width: auto !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  position: relative;
  line-height: 24px;
  padding: 18px 0 18px 0;
  margin-bottom: 5px;
}
#copyright .logo-pj {
  display: block;
  position: absolute;
  right: 0px;
  top: 18px;
}
/*************************************************/
/*PAGE VIDEOS*/
#video {
  width: 100%;
  height: 360px;
}
.vidz iframe {
  width: 100%;
  height: 270px !important;
}
.vidz ul li {
  list-style: none !important;
  margin-bottom: 15px;
  border-bottom: 1px solid #EFEFEF;
  padding: 15px 0;
  clear: both;
  overflow: hidden;
}
.vidz ul li a {
  float: left;
  margin: 0 20px 10px 0;
}
.vidz .slider .figures-nav {
  background: transparent;
  padding: 10px 0;
  height: 98px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
}
.vidz .figures-nav > div table td:first-child {
  padding-left: 0;
}
.vidz .figures-nav > div table td .sizefix {
  border: 0 !important;
  opacity: 1;
}
.vidz .figures-nav > div table td .sizefix > p {
  text-align: left;
}
.vidz .figures-nav > div table td .sizefix img {
  width: 105px !important;
  height: 60px !important;
}
/*************************************************/
/*BREADCRUMBS*/
#breadcrumbs {
  padding-left: 30px;
  margin-bottom: 15px;
  position: relative;
  line-height: 24px;
}
#breadcrumbs .js-ico {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  height: 24px;
  width: 30px;
  background: #98D224 url(/13765703/image/template/spritepvi.png) no-repeat 0px -2410px;
}
#breadcrumbs .js-ico1,
#breadcrumbs .js-ico2 {
  display: none;
}
#breadcrumbs a {
  font-weight: bold;
  color: #333333;
  text-decoration: none;
}
#breadcrumbs span {
  font-weight: normal;
}
/*************************************************/
/*DIVERS*/
.return-top {
  clear: both;
  line-height: 40px;
  height: 40px;
  color: #FFF;
  text-align: center;
  text-decoration: none;
}
.loader {
  display: block;
  position: absolute;
  z-index: 500;
  right: 10px;
  top: 10px;
  width: 50px;
  padding-right: 15px;
  height: 10px;
  text-align: right;
  font-size: 9px;
  line-height: 10px;
  white-space: nowrap;
  background: url(/13765703/image/template/loading.gif) right center no-repeat;
}
.loader * {
  display: inline;
  margin-left: 5px;
}
/*************************************************/
/*POPIN*/
#popn {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 50000;
}
#popn-bg {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/13765703/image/template/popn.png);
  cursor: pointer;
}
#popn-inner {
  position: relative;
  margin: 30px auto 0 auto;
  background-color: #FFF;
  min-width: 290px;
  max-width: 490px;
  padding: 15px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
  overflow: visible;
}
#popn-inner .close {
  display: block;
  position: absolute;
  top: -15px;
  right: -15px;
  width: 29px;
  height: 29px;
  background: url(/13765703/image/template/spritepvi.png) 0 -1700px no-repeat;
  cursor: pointer;
}
/*************************************************/
/*FORM*/
#main label {
  display: block;
  float: left;
}
#main .row,
#main .rowfull {
  display: block;
  width: 98%;
}
#main .row .col:first-child {
  float: left;
}
#main .row .col {
  float: right;
  width: 40%;
}
.ie7 #main .row .col label {
  width: 100%;
  clear: both;
}
.ie7 .identification .content input[type="text"] {
  float: left;
  clear: both;
}
.ie7 #main .row,
.ie7 #main .rowfull {
  margin-bottom: 10px;
}
#main input[type="text"],
#main input[type="email"] {
  font-size: 0.95em;
  width: 164px;
  height: 20px;
  padding: 7px 0;
  border: none;
  text-indent: 5px;
  margin: 10px 0px 10px 0px;
  -webkit-appearance: none;
}
#main input[type="submit"] {
  -webkit-appearance: none;
}
#main input.large {
  width: 98%;
  padding-left: 3px;
  padding-right: 3px;
}
#main select {
  width: 100%;
  line-height: 34px;
  margin: 10px 0;
  border: #E0E0E0 1px solid;
  border-top: #DDDDDD 1px solid;
  border-bottom: #EEEEEE 1px solid;
}
#main textarea {
  display: block;
  font-size: 0.95em;
  width: 98%;
  height: 130px;
  padding: 5px 3px;
  border: none;
  margin: 10px 0px 10px 0px;
}
#main form .formBox {
  float: none;
  clear: both;
  width: 100%;
  overflow: hidden;
}
#main form .formBox input[type="text"],
#main form .formBox input[type="email"] {
  width: 99%;
}
#main form .half {
  float: left;
  clear: none;
  width: 48%;
  padding-left: 2%;
  padding-right: 0;
}
#main form .first {
  padding-left: 0;
  padding-right: 2%;
}
#main form .formBox input[type="checkbox"] {
  display: block;
  float: left;
  margin: 10px 20px 25px 5px;
}
#main form .formBox label {
  display: inline;
  float: none;
}
#main form .formBox .captcha {
  float: left;
}
#main form .divcaptcha {
  padding: 12px;
  width: auto;
  margin: 20px 0;
  overflow: hidden;
}
#main form .divcaptcha input.widthAuto {
  float: right;
  width: 230px;
  clear: right;
  margin: 10px 0;
}
#main form .divcaptcha .captcha {
  float: left;
  margin: 10px 0 0px 0;
}
#main form .formBox .requis {
  display: block;
  float: right;
  margin: 0 0 20px 20px;
  width: auto;
}
#main form .inputAnnuler {
  display: none;
}
#main form .inputEnvoyer {
  float: right;
  clear: both;
}
#main input[type="text"],
#main input[type="email"],
#main select,
#main textarea,
#popn input[type="text"],
#main input[type="email"],
#popn select,
#popn textarea {
  color: #666666 !important;
}
.map {
  margin-top: 15px;
  height: 280px;
}
/*RECOMMANDE*/
#popn h1 {
  position: relative;
  line-height: 24px;
}
#popn h2 {
  display: block;
  clear: both;
  float: none;
  font-weight: bold;
  margin: 15px 0;
  text-align: left;
  overflow: hidden;
}
#popn h3 {
  display: block;
  clear: both;
  float: none;
  text-align: left;
}
#popn label {
  display: block;
  float: none;
}
#popn input[type="text"],
#main input[type="email"] {
  font-size: 0.95em;
  color: #842518;
  background: #FFFFFF;
  width: 164px;
  height: 20px;
  padding: 7px 0;
  border: none;
  text-indent: 5px;
  margin: 10px 20px 10px 0px;
  box-shadow: 0px 1px 3px #cccccc inset;
  -moz-box-shadow: 0px 1px 3px #cccccc inset;
  -webkit-box-shadow: 0px 1px 3px #cccccc inset;
}
#popn input.large {
  width: 98%;
  padding-left: 3px;
  padding-right: 3px;
}
#popn select {
  height: 34px;
  width: 100%;
  line-height: 34px;
  margin: 10px 0;
  box-shadow: 0px 1px 3px #bbbbbb;
  -moz-box-shadow: 0px 1px 3px #bbbbbb;
  -webkit-box-shadow: 0px 1px 3px #bbbbbb;
}
#popn textarea {
  display: block;
  font-size: 0.95em;
  background: #FFFFFF;
  color: #842518;
  width: 98%;
  height: 60px;
  padding: 5px 3px;
  border: none;
  margin: 10px 0px 10px 0px;
  box-shadow: 0px 1px 3px #cccccc inset;
  -moz-box-shadow: 0px 1px 3px #cccccc inset;
  -webkit-box-shadow: 0px 1px 3px #cccccc inset;
}
#popn form .formBox {
  float: none;
  clear: both;
  width: 100%;
  overflow: hidden;
}
#popn form .formBox label {
  display: inline;
  clear: left;
  float: left;
  font-weight: bold;
  margin: 0px 0 0 0;
}
#popn form .formBox input[type="text"],
#main form .formBox input[type="email"] {
  width: 99%;
}
#popn form .half {
  float: left;
  clear: none;
  width: 48%;
  padding-left: 2%;
  padding-right: 0;
}
#popn form .first {
  padding-left: 0;
  padding-right: 2%;
}
#popn form .formBox input[type="checkbox"] {
  display: block;
  float: left;
  margin: 10px 20px 25px 5px;
}
#popn form .formBox .captcha {
  float: left;
}
#popn form .addrem {
  float: right;
  margin: 15px 0 5px 0;
  color: #79A81C;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
#popn form .formBox .requis {
  display: block;
  float: right;
  margin: 0 0 20px 20px;
  width: auto;
  color: #D8422F;
}
#popn form .inputAnnuler {
  display: none;
}
#popn form .divcaptcha {
  background: #F0BAB3;
  padding: 12px;
  width: auto;
  margin: 20px 0;
  overflow: hidden;
}
#popn form .divcaptcha input.widthAuto {
  float: right;
  width: 230px;
  clear: right;
  margin: 10px 0;
}
#popn form .divcaptcha .captcha {
  float: left;
  margin: 10px 0 0px 0;
}
#popn form .inputEnvoyer {
  float: right;
  background: transparent;
  border: none 0px;
}
/*************************************************/
/*LANGUES*/
#container .langue ul {
  display: none;
  margin: 2px 70px 0 0;
  position: absolute;
  top: 0px;
  max-width: 59%;
  right: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.4);
  padding: 0px;
  border: 1px solid #D8422F;
  z-index: 999;
}
.ie7 #container .langue ul {
  filter: none !important;
  background: url(/13765703/image/template/popn.png) top left repeat;
}
#container .langue ul li {
  margin: 5px !important;
  float: right;
  height: 21px;
  width: 29px;
  clear: none !important;
}
#container .langue ul li a {
  margin: 0px !important;
}
#container .langue .js-ico1 {
  display: block;
  float: left;
  height: 12px;
  margin: 4px 0 0 0;
  width: 20px !important;
  z-index: 3 !important;
  border: 1px solid #DDDDDD;
}
#container .langue ul .js-ico {
  height: 21px;
  width: 29px !important;
  margin: 0px;
}
#container .langue ul .js-ico1 {
  height: 12px;
  margin: 0px;
  width: 20px !important;
  top: 4px;
  left: 4px;
  border: 1px solid #DDDDDD;
}
#container .langue ul .js-ico2 {
  height: 21px;
  width: 30px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0px;
}
#container .lang-ar span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll 0 0 transparent !important;
}
#container .lang-br span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -20px 0 transparent !important;
}
#container .lang-bs span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -40px 0 transparent !important;
}
#container .lang-ca span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -60px 0 transparent !important;
}
#container .lang-co span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -80px 0 transparent !important;
}
#container .lang-cs span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -100px 0 transparent !important;
}
#container .lang-da span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -120px 0 transparent !important;
}
#container .lang-de span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -140px 0 transparent !important;
}
#container .lang-el span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -160px 0 transparent !important;
}
#container .lang-en span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -180px 0 transparent !important;
}
#container .lang-eo span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -200px 0 transparent !important;
}
#container .lang-es span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -220px 0 transparent !important;
}
#container .lang-eu span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -240px 0 transparent !important;
}
#container .lang-fi span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -260px 0 transparent !important;
}
#container .lang-fr span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -280px 0 transparent !important;
}
#container .lang-ht span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -300px 0 transparent !important;
}
#container .lang-it span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -320px 0 transparent !important;
}
#container .lang-ja span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -340px 0 transparent !important;
}
#container .lang-ko span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -360px 0 transparent !important;
}
#container .lang-lb span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -380px 0 transparent !important;
}
#container .lang-nl span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -400px 0 transparent !important;
}
#container .lang-oc span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -420px 0 transparent !important;
}
#container .lang-pt span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -440px 0 transparent !important;
}
#container .lang-ru span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -460px 0 transparent !important;
}
#container .lang-sv span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -480px 0 transparent !important;
}
#container .lang-tr span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -500px 0 transparent !important;
}
#container .lang-zh span .js-ico1 {
  background: url(/13765703/image/template/flags.png) no-repeat scroll -520px 0 transparent !important;
}
/*************************************************/
/*MAPPY*/
#itineraireForm {
  background: #F9E2E0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  clear: both;
  float: none;
  overflow: hidden;
}
#itineraireForm label[for=itiDepart],
#itineraireForm label[for=itiArrive] {
  display: block;
  float: none;
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
}
#itineraireMappy .choix label {
  margin: 0 40px 10px 0;
  color: #D8422F;
  display: inline;
  float: none;
  font-weight: bold;
}
#itineraireMappy .choix input[type="radio"] {
  margin: 0 5px 0px 0;
  color: #D8422F;
}
#itineraireMappy .choix .on {
  color: #98D224;
}
#itineraireMappy input[type="text"] {
  width: 98%;
}
#itineraireMappy .btn {
  padding: 5px 10px;
  text-transform: none;
  font-family: Arial;
  letter-spacing: 0px;
  margin: 5px;
  float: right;
}
#itineraireMappy #itineraireResultat {
  display: block;
  clear: both;
  float: none;
  width: 100%;
}
#itineraireMappy #itineraireResultat .actions {
  height: 45px;
}
.moyensAcces {
  display: block;
  position: relative;
  clear: left;
  line-height: 25px;
  padding-top: 20px;
}
.moyensAcces .content {
  overflow: hidden;
  min-height: 40px;
  height: auto !important;
}
.moyensAcces .content span {
  clear: both;
}
/*pictos d'acces*/
.parking,
.handicap,
.bus,
.train,
.metro,
.taxi,
.autoroute,
.shuttle,
.rer,
.tramway,
.airport,
.transfare,
.gatemaritime,
.a-routier,
.velo {
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  background: #98D224 url(/13765703/image/template/acces.png) no-repeat 0px 0px;
  margin-right: 4px;
  margin-bottom: 0px;
}
.airport {
  background-position: -200px -25px;
}
.velo {
  background-position: -25px 0px;
}
.transfare {
  background-position: -25px -25px;
}
.tramway {
  background-position: -100px -25px;
}
.train {
  background-position: 0px -25px;
}
.taxi {
  background-position: -100px 0px;
}
.shuttle {
  background-position: -175px -25px;
}
.rer {
  background-position: -150px -25px;
}
.parking {
  background-position: 0px 0px;
}
.metro {
  background-position: -50px -25px;
}
.handicap {
  background-position: -125px -25px;
}
.autoroute {
  background-position: -175px 0px;
}
.gatemaritime {
  background-position: -175px -25px;
}
.bus {
  background-position: -50px 0px;
}
.a-routier {
  background-position: -175px 0px;
}
/*************************************************/
/*ONGLETS*/
#main .onglets {
  display: block;
  position: relative;
  border-bottom: 1px solid #333333;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  list-style: none outside;
  color: #333333;
  font-weight: bold;
  font-size: 1.09em;
  word-spacing: none;
  white-space: no-wrap;
}
#main .onglets a {
  display: block;
  text-decoration: none;
  color: #444444;
  font-weight: bold;
  padding: 10px 12px 10px 10px;
}
#main .onglets li:first-child {
  border-left: none 0px !important;
}
#main .onglets li {
  display: inline-block;
  list-style: none outside;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  margin: 0px;
  margin-left: -3px !important;
  background: #E0E0E0;
  cursor: pointer;
}
#main .onglets li.on {
  border: 1px solid #333333;
  border-bottom: 2px solid #FFFFFF;
  display: inline-block;
  margin-bottom: -1px !important;
  background: #FFFFFF;
}
.ie7 #main .onglets li a,
.ie8 #main .onglets li a {
  width: auto;
  float: left;
  line-height: 16px;
}
.ie7 #main .onglets li {
  width: auto;
  float: left;
  overflow: hidden;
  margin-left: 0px !important;
}
.ie7 #main .onglets,
.ie8 #main .onglets {
  height: 38px;
}
.ie7 #main input[type="text"],
.ie7 #main input[type="email"],
.ie7 #main select,
.ie7 textarea {
  border: #EFEFEF 1px solid;
}
.ie7 input[type="text"],
.ie7 input[type="email"],
.ie7 select,
.ie7 textarea,
.ie8 input[type="text"],
.ie8 input[type="email"],
.ie8 select,
.ie8 textarea {
  border: #DFDFDF 1px solid !important;
}
.ie7 #main .onglets li,
.ie8 #main .onglets li {
  display: block;
  float: left;
}
.ie7 .figures figcaption,
.ie7 .figures .prev,
.ie7 .figures .next,
.ie7 .figures .prev:hover,
.ie7 .figures .next:hover {
  filter: none;
}
/*************************************************/
/*DESKTOP*/
.resp-desktop {
  display: block;
}
.resp-tablette,
.resp-mobile {
  display: none;
}
@media screen and (min-width: 1024px) {
  .soc-links {
    margin-bottom: 15px;
  }
}
/*************************************************/
/*TABLETTE*/
@media screen and (max-width: 1024px) {
  .resp-tablette {
    display: block !important;
  }
  .resp-desktop,
  .resp-mobile {
    display: none !important;
  }
  #video {
    width: 100%;
    height: auto;
  }
  #copyright {
    padding: 18px 0 18px 10px;
  }
  #copyright .logo-pj {
    right: 10px;
  }
  #sidebar {
    margin-left: 0px ;
    margin-right: 0px ;
  }
  .soc-links,
  .foot-location {
    margin: 0 5px 0 0;
    float: left;
    width: 33%;
    padding: 10px 0px;
  }
  #footer .col4 .col-inner {
    min-height: 0px;
  }
  .map {
    width: 50%;
    float: left;
    margin: 15px 15px 5px 0;
    height: 250px;
  }
  body.index .map {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    overflow: hidden !important;
    margin: 15px 0 15px 0 !important;
  }
  .BG {
    -webkit-background-size: auto !important;
    -moz-background-size: auto !important;
    -o-background-size: auto;
    background-size: auto !important;
  }
}
/*************************************************/
/*MOBILE*/
@media screen and (max-width: 760px) {
  .resp-mobile {
    display: block !important;
  }
  .resp-desktop,
  .resp-tablette {
    display: none !important;
  }
  .BG {
    background-image: none !important;
  }
  #copyright .logo-pj {
    display: block;
    width: auto !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin-top: 10px;
  }
  #container .langue ul {
    margin: 2px 2px 0 0;
  }
  #sidebar {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  #main ul.large li {
    width: 100%;
    margin: 0 0 8px 0;
  }
  #video {
    width: 100%;
    height: auto;
  }
  .vidz .slider .figures-nav {
    background: #FFF;
  }
  #main figure.left {
    width: 100%;
    margin: 0 0 15px 0;
    float: none;
  }
  .navipuce {
    display: none;
  }
  .figures,
  .figures figure,
  #main .figures,
  #main .figures figure {
    overflow: visible !important;
  }
  .figures {
    margin-bottom: 85px !important;
  }
  .figures figcaption {
    position: absolute !important;
    z-index: 5 !important;
    display: table-cell !important;
    vertical-align: middle !important;
    padding: 5px 1% !important;
    top: 100% !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 98% !important;
    height: auto !important;
    font-size: 17px !important;
    letter-spacing: normal;
    text-align: center;
  }
  .soc-links,
  .foot-location {
    width: 100%;
  }
  #main .onglets a {
    padding: 10px 7px 10px 6px;
  }
  .map {
    height: 200px;
  }
  #main form .formBox .requis {
    clear: both !important;
    display: block;
    width: 100%;
  }
  .btns a {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
  }
}
/*************************************************/
/***************COMMUN MODULES********************/
#sidebar .conso,
#sidebar .vivreIci,
.sidebar-article {
  color: #842518;
}
#sidebar .auto,
#sidebar .plus,
#sidebar .actus,
#sidebar .immo,
#sidebar .here,
#sidebar .links,
.sidebar-article-color {
  color: #842518;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px;
  background-color: #FDF7F6;
}
/*************************************************/
#sidebar {
  display: block;
  float: right;
  clear: right;
  position: relative;
}
#sidebar .col {
  display: block;
  position: relative;
  margin-bottom: 15px;
}
#sidebar a {
  text-decoration: none;
}
#sidebar header {
  border-bottom: 1px solid #ffffff;
  margin-bottom: 10px;
}
#sidebar header h2 {
  font-family: 'Droid Sans', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #333333;
  padding: 5px 0 10px 0;
}
#sidebar hr {
  border: none 0px;
  border-top: #F9E2E0 1px solid;
  border-bottom: #FFF 1px solid;
  margin: 13px 0px 10px 0px;
  height: 0px;
}
#sidebar .puce {
  display: block;
  float: left;
  width: 0;
  height: 0;
  margin: 2px 5px 0 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
#sidebar .images a {
  float: left;
  margin: 5px;
  list-style: none;
}
#sidebar .images a img {
  width: 60px !important;
  height: 45px !important;
}
#sidebar .images {
  clear: both;
  position: relative;
  overflow: hidden;
}
#sidebar footer a,
#sidebar .ico {
  display: block;
  position: relative;
  width: auto;
}
.btns a,
#sidebar footer a,
#sidebar a.ico {
  font-family: 'Droid Sans', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #333333;
  color: #FFF;
  margin: 0px 0px 5px 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: normal;
}
/*************************************************/
.btns {
  display: block;
  position: relative;
  overflow: hidden;
}
.btns a {
  display: block;
  position: relative;
  margin-bottom: 15px;
  float: left;
  width: 48%;
  overflow: hidden;
  line-height: 65px !important;
  font-size: 19px;
  font-weight: bold;
  text-indent: 20px;
  text-decoration: none;
  padding: 0 !important;
}
.btns a:first-child {
  margin-right: 4%;
}
.btns .ico .js-ico span {
  display: none;
}
.btns .ico .js-ico {
  display: block !important;
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  width: 65px;
  height: 65px;
  margin: 0;
}
.btns .ico-vente .js-ico {
  background: url(/13765703/image/template/spriteimmo.png) 0 0 no-repeat;
}
.btns .ico-location .js-ico {
  background: url(/13765703/image/template/spriteimmo.png) -65px 0 no-repeat;
}
.btns .nbrs-biens {
  float: right;
  font-size: 12px;
  margin-right: 12px;
}
/*************************************************/
#sidebar .ico .js-ico span {
  display: none;
}
#sidebar .ico .js-ico {
  float: right;
  margin: 0;
  background-image: url(/13765703/image/template/spritepvi.png);
  background-repeat: no-repeat;
}
#sidebar .ico-srch .js-ico {
  width: 21px;
  height: 26px;
  background-position: 0px -248px;
}
#sidebar .ico-doc .js-ico {
  width: 21px;
  height: 26px;
  background-position: 0px -550px;
}
#sidebar .ico-pdf .js-ico {
  width: 20px;
  height: 26px;
  background-position: 0px -600px;
}
#sidebar .ico-mrgcy .js-ico {
  width: 36px;
  height: 26px;
  background-position: 0px -403px;
}
#sidebar .ico-homepls .js-ico {
  width: 30px;
  height: 26px;
  background-position: 0px -300px;
}
#sidebar .ico-homewht .js-ico {
  width: 31px;
  height: 26px;
  background-position: 0px -350px;
}
#sidebar .ico-book .js-ico {
  width: 29px;
  height: 26px;
  background-position: 0px -450px;
}
#sidebar .ico-tips .js-ico {
  width: 26px;
  height: 26px;
  background-position: 0px -1550px;
  margin: 0px 10px 0 5px;
}
#sidebar .ico-tip .js-ico {
  width: 45px;
  height: 45px;
  background-position: 0px -1100px;
  margin: -12px 0px 0 5px;
}
#sidebar .ico-links .js-ico {
  width: 24px;
  height: 24px;
  background-position: 0px -1350px;
}
#sidebar .ico-here .js-ico {
  width: 17px;
  height: 24px;
  background-position: 0px -1400px;
}
#sidebar .ico-plus .js-ico {
  width: 24px;
  height: 24px;
  background-position: 0px -1300px;
}
#sidebar .ico-auto .js-ico {
  width: 24px;
  height: 18px;
  background-position: 0px -1250px;
}
#sidebar .ico-moto .js-ico {
  width: 24px;
  height: 18px;
  background-position: -100px -1248px;
}
#sidebar .ico-actus .js-ico {
  width: 25px;
  height: 18px;
  background-position: 0px -1500px;
}
#sidebar .ico-conso .js-ico {
  width: 15px;
  height: 11px;
  background-position: 0px -2360px;
  margin-top: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#sidebar .ico-immo .js-ico {
  width: 22px;
  height: 15px;
  background-position: 0px -1200px;
  margin-top: 3px;
}
#sidebar .ico-chef .js-ico {
  height: 41px;
  width: 44px;
  background-position: 0px -500px;
  margin: 5px 5px 0 0;
}
#sidebar .ico-rdv .js-ico {
  height: 0px;
  width: 0px;
  background-position: 0px 100px;
}
/*************************************************/
#sidebar .resa .date {
  position: relative;
  overflow: hidden;
}
#sidebar .resa .date label,
#sidebar .resa .content > label,
#sidebar .resa .libelle {
  font-size: 0.87em;
  font-weight: bold;
}
#sidebar .resa input[type="text"] {
  font-size: 0.95em;
  background: #FFFFFF;
  width: 164px;
  height: 15px;
  line-height: 15px;
  padding: 3px 0;
  float: left;
  border: none;
  text-indent: 5px;
  margin: 3px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: -1px 1px 3px #cccccc inset;
  -moz-box-shadow: -1px 1px 3px #cccccc inset;
  -webkit-box-shadow: -1px 1px 3px #cccccc inset;
}
#sidebar .resa input,
#sidebar .resa select {
  color: #842518;
}
#sidebar .resa .ui-datepicker-trigger {
  position: relative;
  overflow: hidden;
  background: #98D224 url(/13765703/image/template/date.png) top left no-repeat;
  float: left;
  margin: -6px 0 0px 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: #FFFFFF 2px !important;
  box-shadow: 0px 0px 2px 0px #ffffff inset;
  -moz-box-shadow: 0px 0px 2px 0px #ffffff inset;
  -webkit-box-shadow: 0px 0px 2px 0px #ffffff inset;
}
#sidebar .resa select {
  margin: 4px;
  clear: left;
  min-width: 38px;
}
#sidebar .resa .chambre #co_ages1,
#sidebar .resa .chambre #co_ages2 {
  float: none;
  clear: both;
  margin: 55px 0 0 0;
  padding: 5px 0;
}
#sidebar .resa .chambre #co_ages1 label,
#sidebar .resa .chambre #co_ages2 label {
  float: none;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.87em;
  margin: 0 6px;
}
#sidebar .resa .chambre #co_ages2 select,
#sidebar .resa .chambre #co_ages1 select {
  margin: 4px 2px;
}
#sidebar .resa .chambre #co_nbAdults1,
#sidebar .resa .chambre #co_nbAdults2 {
  position: absolute;
  top: 30px;
  right: 10px;
}
#sidebar .resa .chambre #co_nbChildren1,
#sidebar .resa .chambre #co_nbChildren2 {
  position: absolute;
  top: 30px;
  right: 80px;
}
#sidebar .resa .chambre br {
  display: none;
  clear: none;
  width: 0px;
  height: 0px;
}
#sidebar .resa .chambre label {
  float: right;
  margin: 0 10px;
  color: #842518;
  font-weight: bold;
  font-size: 0.87em;
}
#sidebar .resa .chambre {
  margin: 10px 0px;
  padding: 10px 0px;
  min-height: 40px;
  position: relative;
}
#sidebar .resa .chambre div {
  width: auto;
  margin: 10px 0 0 0;
}
#sidebar .resa .chambre .libelle {
  background: none;
  padding: 0;
  margin: 0px;
  float: left;
}
/*************************************************/
#sidebar .tips .ico-tip {
  margin-bottom: 10px;
}
#sidebar .tips a {
  color: #666666;
}
/*************************************************/
#sidebar .plus li {
  list-style: none;
}
/*************************************************/
#sidebar .conso header,
#sidebar .conso header h2 {
  border: none 0px;
  cursor: pointer;
  margin-bottom: 0px;
}
#sidebar .conso .repli .js-ico {
  background-position: 0px -2370px;
}
#sidebar .conso hr {
  border: none 0px;
  height: 0px;
  clear: both;
  overflow: hidden;
}
#sidebar .conso strong {
  display: block;
}
#sidebar .vivreIci {
  margin-bottom: 15px;
  background: url(/13765703/image/template/vivreIci.gif) #ffffff 10px 10px no-repeat;
}
#sidebar .vivreIci .bloc.ved {
  position: relative;
  margin-bottom: 0px;
  padding: 10px 0 0 0;
  width: 100%;
}
#sidebar .vivreIci .bloc.ved #iframe_ved {
  width: 315px;
  height: 123px;
}
#sidebar .vivreIci .bloc.ved .titre {
  color: #842518;
  display: block;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  width: auto;
}
#sidebar .vivreIci .bloc.ved .corps {
  color: #666;
  float: right;
  font-size: 11px;
  width: 100px;
  border-left: 1px rgba(0, 0, 0, 0.2) solid;
  margin: 10px 0 0 0;
}
#sidebar .vivreIci .bloc.ved .corps a {
  color: #888;
}
#sidebar .vivreIci .bloc.ved .corps a:hover {
  text-decoration: none;
}
#sidebar .vivreIci .bloc.ved .temps {
  font-weight: bold;
}
#sidebar .vivreIci .bloc.ved .href_img {
  display: inline-block;
  margin: -10px 5px 0 0;
}
#sidebar .vivreIci .bloc.ved .icone {
  width: 70px;
  height: 70px;
  border: none;
}
/*************************************************/
#sidebar .facebook {
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px;
}
#sidebar .facebook header {
  border: none 0px;
}
#sidebar .facebook .content {
  border: none 0px;
  background: none transparent;
}
#sidebar .facebook header h2 {
  color: #98D224;
}
/*************************************************/
#sidebar .media {
  overflow: hidden;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#sidebar .media img {
  margin: auto;
  display: block;
  width: 100%;
  height: auto;
}
#sidebar .media .title {
  display: none;
  position: absolute;
  bottom: 10px;
  text-align: center;
  z-index: 5;
  width: 100%;
}
#sidebar .media .title h2 {
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
}
#sidebar .media .text {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  background-color: #98D224;
  background-color: rgba(152, 210, 36, 0.6);
  zoom: 1;
  background-color: transparent\9;
  background-color: rgba(152, 210, 36, 0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9998D224, endColorstr=#9998D224)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9998D224, endColorstr=#9998D224);
  z-index: 1;
  background-position: center center;
  background-repeat: no-repeat;
}
#sidebar .media .text:hover {
  background-color: #98D224;
  background-color: rgba(152, 210, 36, 0.6);
  zoom: 1;
  background-color: transparent\9;
  background-color: rgba(152, 210, 36, 0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9998D224, endColorstr=#9998D224)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9998D224, endColorstr=#9998D224);
}
#sidebar .media .video .text {
  background-image: url(/13765703/image/template/video.png);
}
#sidebar .media .galerie .text {
  background-image: url(/13765703/image/template/photo.png);
}
/*************************************************/
#sidebar .ardoise {
  background: url(/13765703/image/template/ardoise.png) repeat;
  height: auto;
  border: #98D224 2px solid;
  color: #FFFFFF;
}
#sidebar .ardoise hr {
  border-top: rgba(0, 0, 0, 0.3) 1px solid;
  border-bottom: rgba(255, 255, 255, 0.3) 1px solid;
}
#sidebar .ardoise p {
  color: #FFFFFF;
  font-style: italic;
  font-size: 0.94em;
}
#sidebar .ardoise b {
  color: #FFFFFF;
}
#sidebar .ardoise p span {
  color: #ACDF47;
  font-weight: bold;
  font-style: normal;
  font-size: 1.16em;
}
#sidebar .ardoise div {
  text-align: center;
}
#sidebar .ardoise div hr {
  border-top: rgba(0, 0, 0, 0.2) 1px solid;
  border-bottom: rgba(255, 255, 255, 0.3) 1px solid;
  width: 50%;
  margin: 12px auto 10px auto;
}
#sidebar .ardoise header {
  border: none 0px;
}
#sidebar .ardoise header h2 {
  color: #FFF;
  font-size: 18px;
  line-height: 22px;
  border: none 0px;
  text-transform: none;
}
/*************************************************/
#sidebar .here ul li {
  list-style: none;
}
/*************************************************/
#sidebar .links ul li {
  list-style: none;
}
#sidebar .links a {
  font-size: 0.87em !important;
  font-weight: bold;
  text-decoration: none;
}
#sidebar .links a:hover {
  color: #98D224;
}
/*************************************************/
.ie7 #sidebar li.ico {
  border: #DDDDDD 1px solid;
  overflow: visible;
}
.ie7 #sidebar {
  padding-left: 15px !important;
}
.ie7 #sidebar .resa .chambre label {
  margin: 0px;
}
.ie7 #sidebar article.useful-links ul li hr {
  margin: 3px 0 2px 0;
}
.ie7 #sidebar article.useful-links UL LI {
  margin: 0 0 0 0 !important;
  overflow: hidden;
}
/*************************************************/
/*FIX IE*/
.ie7 .conso,
.ie7 .vivreIci {
  border: 1px solid #EFEFEF !important;
}
.ie8 #sidebar .vivreIci .bloc.ved .liens_ved li,
.ie7 #sidebar .vivreIci .bloc.ved .liens_ved li {
  border-top: 1px solid #EFEFEF !important;
}
.ie8 #sidebar .vivreIci .bloc.ved .corps,
.ie7 #sidebar .vivreIci .bloc.ved .corps {
  border-left: 1px solid #EFEFEF !important;
}
.ie7 #main .autresplan .apercu {
  float: left;
  margin-right: 1%;
}
.ie7 .tips .ico-tip {
  border: 1px solid #EFEFEF !important;
}
.ie7 ul.large li {
  width: 50% !important;
  float: none !important;
}
.ie7 #sidebar .resa .chambre > label {
  position: absolute !important;
  width: auto;
  right: 0px;
  top: 10px;
}
.ie7 #sidebar .resa .chambre > div + label {
  right: 80px !important;
}
.ie7 #main form .half {
  padding-left: 0px !important;
}
.ie7 #main form input {
  display: block !important;
}
/*************************************************/
/* RESERVATION - Popin */
#popin {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50000;
}
#opaque {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: #000000;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -khtml-opacity: 0;
}
#popin .reservation,
#popin .en-profiter {
  background-color: #FFFFFF;
  padding: 10px;
}
#popin .reservation h2 {
  display: block;
  height: 26px;
  padding: 5px;
  background: #fff;
  margin-bottom: 5px;
}
#popin .reservation #constellation {
  width: 100%;
  height: 600px;
  display: block;
  overflow: auto;
}
#popin .reservation .close {
  -moz-transition: all 0.3s ease-in-out 0s;
  display: block;
  float: right;
  cursor: pointer;
  background: none repeat scroll 0 0 light(#98D224, 30);
  color: #FFFFFF;
  float: right;
  font-family: "Overlock";
  font-weight: bold;
  padding: 5px 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-decoration: none;
}
/************************************************/
/* Component containers*/
.ui-widget-content {
  border: 1px solid #9c9c9c;
  background-color: #fff;
  color: #333333;
  font-size: 0.75em;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #9c9c9c;
  background-color: #E89287;
  color: #3C540E;
  font-weight: bold;
}
.ui-widget-header a {
  color: #3C540E;
}
.ui-widget-header a.ui-state-disabled {
  color: #F5CECA;
}
/* Interaction states*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #9c9c9c;
  background-color: #fff;
  font-weight: bold;
  color: #000;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: light(#98D224, 10);
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header.ui-state-active {
  border: 1px solid #3C540E;
  background-color: #3C540E;
  font-weight: bold;
  color: #fff;
}
.ui-widget :active {
  outline: none;
}
td.ui-state-disabled span.ui-state-default {
  background-color: light(#D8422F, 35);
  color: #9c9c9c;
}
/* Interaction Cues*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #3C540E;
  background: light(#D8422F, 20) none;
  color: #fff;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 none;
  color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-title {
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker-trigger {
  width: 35px;
  height: 34px;
  cursor: pointer;
}
/* Popin reservation */
#popin {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50000;
}
/* Popins Bon Plan*/
#popn .en-profiter {
  font-size: 1em;
}
#popn .en-profiter div.imprimer {
  float: left;
  text-align: center;
  width: 40%;
}
#popn .en-profiter form {
  border-left: 1px solid #B3B3B3;
  float: right;
  padding-left: 10px;
  width: 55%;
}
#popn .en-profiter a.imprimerbonplan {
  display: inline-block;
  margin: 35px auto;
  padding-top: 3px;
  text-align: center;
  color: #341232;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}
#popn .en-profiter .captcha img {
  width: 165px;
}
#popn .action {
  background-color: #000000;
  height: 30px;
  padding-top: 3px;
  width: 100%;
}
#popn .action ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#popn .action ul li {
  float: left;
}
#popn .action ul li a {
  color: #8F8F8F;
  display: block;
  font-size: 9pt;
  height: 20px;
  margin-left: 20px;
  padding-left: 29px;
  padding-top: 3px;
  text-decoration: none;
}
/* button clicRDV */
#clicRDV .infos .account {
  background: linear-gradient(#98D224 0%, #5B7D15 100%) repeat scroll 0 0 transparent;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr=#98D224, endColorstr=#5B7D15);
  border-radius: 5px 5px 5px 5px !important;
  color: #FFFFFF;
  padding: 5px 10px 5px;
  float: right;
  text-decoration: none;
}
/* popup */
.popup {
  background-color: #FFFFFF;
  border: 2px solid #DDDDDD;
  border-radius: 5px 5px 5px 5px;
  padding: 10px;
  position: relative;
  white-space: nowrap;
}
.popup a {
  display: block;
  font-weight: bold;
  margin-top: 10px;
  text-align: right;
}
.popup a.bleu {
  color: #98D224;
}
/*************************************************/
/* CLICRDV */
#clicRDV {
  min-height: 520px;
  font-size: 1em;
}
.infos .account {
  background: transparent url(/13765703/image/template/clicrdv_btn.png) no-repeat scroll 0 0;
  color: #FFFFFF;
  display: block;
  float: right;
  font-weight: bold;
  height: 22px;
  margin-right: 45px;
  padding-top: 6px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 186px;
}
.available .label,
.intervention .ligne .label,
.calendrier .ligne .label {
  color: #1E2907;
  font-family: "Overlock";
  font-weight: bold;
  font-size: 16px;
  line-height: normal;
  margin: 5px 0;
}
.intervention .ligne .content,
.calendrier .ligne .content {
  display: block;
  float: left;
  margin-bottom: 10px;
  margin-left: 10px;
  width: 405px;
}
.mcdropdown {
  background-color: #FFFFFF;
  border: 1px solid #999999;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  padding: 2px;
  position: absolute;
  width: 400px;
}
.mcdropdown input,
.mcdropdown div {
  background-color: #FFFFFF;
  border: 0 none;
  color: #999999;
  font-size: 0.9em;
  height: 16px;
  left: 0;
  overflow: hidden;
  padding: 2px 0 0 3px;
  position: absolute;
  top: 0;
  width: 98%;
}
.available .horaire .date .content a,
.infos .account,
.available .fleche {
  text-decoration: none;
}
.calendrier,
.available {
  position: relative;
  display: block;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
.infos h2 {
  font-size: 2.2em;
}
.infos .account {
  position: relative;
  display: block;
  float: right;
  font-weight: bold;
  color: #fff;
  background: transparent url(/13765703/image/template/clicrdv_btn.png) no-repeat 0 0;
  height: 22px;
  width: 186px;
  text-decoration: none;
  text-align: center;
  padding-top: 6px;
  margin-right: 45px;
  font-size: 12px;
}
.intervention .ligne,
.calendrier .ligne {
  display: block;
  margin-bottom: 5px;
}
.intervention .ligne .content,
.calendrier .ligne .content {
  display: block;
  width: 405px;
  margin-left: 10px;
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
}
.intervention .addRDV {
  display: none;
  clear: both;
  color: #000;
}
.intervention .ligne .delRDV {
  display: block;
  float: left;
  height: 14px;
  margin-top: 6px;
  margin-left: 8px;
  color: #000;
}
/*le calendrier*/
.available .horaire {
  border: 1px solid #0C436A;
  display: block;
  float: left;
  font-size: 0.8em;
}
.available .horaire .date {
  float: left;
  display: block;
  width: 67px;
}
.available .horaire .date .libel {
  background: #98D224;
  color: #fff;
  border: 1px solid #FFF;
  padding: 2px;
  white-space: nowrap;
  font-size: 8pt;
}
.available .horaire .date .libel strong {
  display: inline-block;
  margin-bottom: 3px;
}
.available .horaire .date .content {
  padding: 2px;
  background-color: #fff;
  min-height: 20px;
  border: 1px solid #fff;
}
.available .horaire .date .content.row1 {
  background-color: #98D224;
  background-color: rgba(152, 210, 36, 0.6);
  zoom: 1;
  background-color: transparent\9;
  background-color: rgba(152, 210, 36, 0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9998D224, endColorstr=#9998D224)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9998D224, endColorstr=#9998D224);
}
.available .horaire .date .content a {
  display: block;
  color: #000;
  text-decoration: none;
  text-align: center;
  font-size: 8pt;
}
.available .fleche {
  display: block;
  position: relative;
  width: 30px;
  height: 49px;
  background: transparent url(/13765703/image/template/clicrdv_fleches.png) no-repeat 0 0;
  text-decoration: none;
  margin: 20% 0 0;
  float: left;
  padding: 12px 0 0;
  text-decoration: none;
  font-weight: bold;
  font-size: 3em;
  line-height: 1em;
  text-align: center;
  color: #98D224;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  -khtml-opacity: 0.5;
}
.available .fleche.droite {
  background-position: -30px 0;
}
#message {
  position: absolute;
  top: 200px;
  right: 50%;
  width: 500px;
  margin-right: -250px;
  display: none;
  padding: 1em;
  background: #ccc;
  border: 2px solid #000;
}
#message div {
  background: #fff;
  border: 1px solid #ddd;
  margin: 5px;
  padding: 5px;
}
#message legend input {
  float: right;
  width: 350px;
}
/* styles for the psuedo-select box */
ul.mcdropdown_menu li.mc_root.choisir {
  color: red;
  font-style: italic;
}
ul.mcdropdown_autocomplete li,
ul.mcdropdown_autocomplete,
div.mcdropdown input,
div.mcdropdown div,
ul.mcdropdown_menu ul,
ul.mcdropdown_menu {
  text-align: left;
}
ul.mcdropdown_menu {
  font-size: 0.9em;
}
div.mcdropdown {
  position: absolute;
  border: 1px solid #999999;
  background-color: #FFF;
  padding: 1px;
  display: -moz-inline-block;
  display: inline-block;
  width: 400px;
  height: 14px;
  padding: 2px;
  cursor: pointer;
}
/* style either the input or div where the plug-in is attached to */
div.mcdropdown input,
div.mcdropdown div {
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 0;
  width: 98%;
  height: 16px;
  overflow: hidden;
  border: 0;
  padding: 2px 0 0 3px;
  color: #999999;
  font-size: 0.9em;
}
div.mcdropdown a {
  position: absolute;
  right: 1px;
  top: 1px;
  background: transparent url(/13765703/image/template/mcdd_select_button_sprite.gif) no-repeat top left;
  display: -moz-inline-block;
  display: inline-block;
  height: 16px;
  width: 15px;
  text-decoration: none;
  font-size: 0pt;
  z-index: 2;
  outline: 0;
}
div.mcdropdown a:hover,
div.mcdropdown a:focus {
  background-position: 0% -16px;
}
div.mcdropdown a:active {
  background-position: 0% -32px;
  outline: none;
  /* hide dotted outline in Firefox */
}
div.mcdropdownDisabled {
  background-color: transparent;
  border: 0 none;
  margin-top: -2px;
}
div.mcdropdownDisabled input,
div.mcdropdownDisabled div {
  cursor: default;
  background-color: transparent;
}
div.mcdropdownDisabled a {
  display: none;
}
/* styles for the dropdown menu */
ul.mcdropdown_menu {
  display: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* float so we can calculate the size of the columns */
  float: left;
  clear: both;
  z-index: 10000;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -moz-user-focus: ignore;
  -moz-user-input: disabled;
}
ul.mcdropdown_menu ul {
  display: none;
}
/* -- Sub-Menus -- */
ul.mcdropdown_menu ul {
  position: absolute;
  list-style-type: none;
  margin: -20px 0 0 200px;
  padding: 0;
  z-index: 10000;
}
ul.mcdropdown_menu ul li {
  margin: 0;
  min-width: 150px;
  _width: 150px;
  /* ie6 min-width hack */
}
/* color schema */
ul.mcdropdown_menu {
  height: auto;
  background-color: #fff;
  border: 1px solid #999999;
  padding: 0;
}
ul.mcdropdown_menu li {
  padding: 2px 20px 2px 6px;
}
/* we don't use "ul.mcdropdown_menu > li" here so that IE6 knows how to style the root level */
ul.mcdropdown_menu li.mc_root {
  cursor: pointer;
  white-space: nowrap;
  padding: 2px 20px 2px 4px;
  margin: 0;
}
ul.mcdropdown_menu li.mc_hover,
ul.mcdropdown_menu > li:hover,
ul.mcdropdown_menu li:hover.mc_parent {
  background-color: #98D224 !important;
}
ul.mcdropdown_menu li.mc_on,
ul.mcdropdown_menu > li.mc_on,
ul.mcdropdown_menu li.mc_on.mc_parent {
  background-color: #79A81C !important;
  color: #fff;
}
ul.mcdropdown_menu li.mc_parent {
  padding-right: 20px !important;
  background: url(/13765703/image/template/mcdd_icon_normal.gif) no-repeat 100% 50%;
}
ul.mcdropdown_menu ul {
  background: #fff;
  visibility: hidden;
  border: 1px solid #999999;
}
ul.mcdropdown_menu ul li {
  padding-left: 16px !important;
  color: #000;
  white-space: nowrap;
}
/*drop down shadows*/
div.mcdropdown_shadow {
  display: none;
  position: absolute;
  margin: 3px 0 0 3px;
  filter: alpha(opacity=33);
}
/*  styles for the dropdown menu */
/* autocomplete styles */
ul.mcdropdown_autocomplete {
  display: block;
  position: absolute;
  height: auto;
  max-height: 210px;
  overflow-x: hidden;
  overflow-y: auto;
  clear: both;
  padding: 5px 10px;
  background-color: #fff;
  z-index: 10000;
  margin: 0;
  list-style-type: none;
  width: 392px;
}
ul.mcdropdown_autocomplete ul {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.mcdropdown_autocomplete ul li {
  margin: 0;
}
ul.mcdropdown_autocomplete li {
  display: block;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  padding: 2px 26px 2px 6px;
}
ul.mcdropdown_autocomplete li.mc_parent {
  padding-right: 20px !important;
  background: url(/13765703/image/template/mcdd_icon_normal.gif) no-repeat 100% 50%;
}
ul.mcdropdown_menu ul li:hover,
ul.mcdropdown_autocomplete li.mc_hover,
ul.mcdropdown_autocomplete li.mc_hover_parent {
  background-color: #98D224 !important;
}
/*************************************************/
/*************** BOUTIQUE ************************/
/****************** PAGE CHECKOUT ****************/
.ie7 .panier #main,
.ie7 .checkout #main {
  width: 100% !important;
}
.checkout #container #content .inner #content-inner #sidebar {
  display: none;
}
div.recap > div {
  width: 960px;
  display: table;
}
div.recap div {
  height: 100%;
}
div.recap > div:nth-child(odd) {
  background-color: #FCFCFC;
}
div.recap > div div {
  height: 100%;
  border-bottom: 1px #E6E6E6 solid;
}
div.recap div.first {
  background: #BBBFAC;
  height: 32px;
  min-height: 32px;
  text-align: center;
  padding: 0 !important;
  overflow: hidden;
  width: 100%;
}
div.recap div.first > div {
  padding: 0 !important;
  border-left: none !important;
  height: 32px !important;
  font-family: "Overlock";
  color: #FFFFFF;
}
.ie7 div.recap div.first > div {
  float: left;
  line-height: 30px;
}
div.recap div div.produit,
div.recap div div.qte,
div.recap div div.prix,
div.recap div div.trash {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  border-left: 1px #E6E6E6 solid;
}
div.recap div div.qte > div {
  display: inline;
  border: none 0px;
}
div.recap div div.produit a {
  text-decoration: none;
}
.ie7 div.recap div div.produit,
.ie7 div.recap div div.qte,
.ie7 div.recap div div.prix,
.ie7 div.recap div div.trash {
  float: left;
  height: 66px;
  display: inline-block;
  vertical-align: middle;
  alignment-baseline: central;
  dominant-baseline: middle;
  padding: 20px 0 20px 0;
  position: relative;
}
.ie7 div.recap div div.qte > div {
  display: block ;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 30%;
  overflow: hidden;
}
.ie7 div.recap div div.qte,
.ie7 div.recap div div.prix,
.ie7 div.recap div div.trash {
  line-height: 66px;
  display: inline-block;
  white-space: no-wrap;
}
.ie7 div.recap div div.qte div * {
  display: inline !important;
  white-space: no-wrap;
  float: left;
  text-align: center;
}
.ie7 div.recap div div.qte div span {
  margin-top: 3px;
}
.ie7 div.recap div div.trash span {
  display: inline !important;
  display: inline-block;
  margin-top: 40%;
  vertical-align: middle;
  alignment-baseline: central;
  dominant-baseline: middle;
}
.ie7 div.recap div div.produit div {
  float: left;
  display: inline-block;
  vertical-align: middle;
  alignment-baseline: central;
  dominant-baseline: middle;
}
.ie7 div.recap div div.produit div * {
  float: left;
  display: inline;
  vertical-align: middle;
  alignment-baseline: central;
  dominant-baseline: middle;
}
.ie7 div.recap div div.produit div:first-child {
  padding: 0 20px 0 0;
}
.ie7 div.recap div.first div.produit,
.ie7 div.recap div.first div.qte,
.ie7 div.recap div.first div.prix,
.ie7 div.recap div.first div.trash {
  margin: 0px !important;
  line-height: 30px !important;
  height: 30px !important;
  border: none 0px;
}
div.recap div div.produit {
  width: 54%;
  border-left: none;
  padding: 2% 0 2% 0;
}
div.recap div div.produit div {
  height: 100%;
  display: table-cell;
  border: none;
  vertical-align: middle;
}
.ie7 div.recap div div.produit div {
  float: left;
}
div.recap div div.produit div:first-child {
  width: 75px;
}
div.recap div div.produit div img {
  float: left;
  border: 1px solid #E6E6E6;
  margin-right: 20px;
}
div.recap div div.produit div p {
  font-family: "Overlock";
  font-size: 18px;
  font-weight: bold;
  line-height: 20px !important;
  color: #575950;
}
div.recap div div.qte {
  width: 20%;
  text-align: center;
}
div.recap div div.qte input {
  padding: 0 !important;
  width: 32px !important;
  height: 20px !important;
  margin: 0 5px !important;
}
div.recap div div.qte .moins {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/13765703/image/template/sprite-boutique.png) 0px 0px no-repeat;
  vertical-align: middle;
  cursor: pointer;
}
div.recap div div.qte .plus {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/13765703/image/template/sprite-boutique.png) -40px 0px no-repeat;
  vertical-align: middle;
  cursor: pointer;
}
div.recap div div.prix {
  width: 18%;
  text-align: center;
}
div.recap div div.prix span.prix {
  font-size: 18px;
  font-weight: bold;
  color: #98D224;
}
div.recap div div.trash {
  width: 7%;
  text-align: center;
}
div.recap div div.trash span.trash {
  width: 14px;
  height: 18px;
  display: inline-block;
  background: url(/13765703/image/template/sprite-boutique.png) -80px 0px no-repeat;
  cursor: pointer;
}
div.recap > div.result {
  display: block;
  width: 320px;
  float: right;
  overflow: hidden;
  padding-right: 70px;
  margin-top: 15px;
  background: none;
  border: none;
  border-top: none;
}
div.recap > div.result div {
  border: none;
  height: auto;
}
div.recap > div.result div.frais p {
  color: #999999;
  font-weight: bold;
  font-size: 14px;
}
div.recap > div.result div.total p {
  color: #F899A4;
  font-size: 24px;
  line-height: 28px !important;
}
div.recap > div.result div.frais p,
div.recap > div.result div.total p {
  float: left;
  width: 181px;
  text-align: right;
}
div.recap > div.result div.frais span,
div.recap > div.result div.total span {
  float: left;
  width: 138px;
  text-align: right;
}
div.recap > div.result div.total span {
  color: #F899A4;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px !important;
}
.ie7 div.recap > div.result div.frais,
.ie7 div.recap > div.result div.total {
  clear: both;
  display: block;
}
.ie7 div.recap > div.result div.frais * {
  color: #999999 !important;
  font-size: 14px;
}
.ie7 div.recap > div.result div.total * {
  float: left;
}
.ie7 input.valider {
  padding: 6px 10px;
  width: 260px;
}
input.valider {
  display: inline-block;
  color: #FFFFFF;
  font-family: "Overlock";
  font-weight: bold;
  background: #98D224;
  font-size: 24px;
  line-height: 28px !important;
  padding: 6px 20px;
  float: right;
}
div.recap > div.result input.valider {
  clear: both;
  margin-right: -70px;
}
div.recap > div.result input.valider:hover {
  background: #79A81C;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.payment {
  font-size: 12px;
}
div.payment p.select-payment {
  font-weight: bold;
}
div.payment input[type="checkbox"],
div.payment input[type="radio"] {
  float: left;
  margin: 3px 10px 0 0;
}
div.payment br {
  clear: both;
}
div.payment label {
  line-height: 20px;
}
div.payment label img {
  vertical-align: middle;
}
div.payment .valider {
  margin-top: 30px;
}
div.payment .valider:hover {
  background: #79A81C;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.identification .content {
  overflow: hidden;
  padding: 0 15px;
}
.identification .content > div {
  float: left;
  width: 100%;
}
.identification .content > div input[type="text"] {
  display: block;
  width: 100% !important;
  font-size: 12px !important;
  color: #999999 !important;
  float: right;
  clear: right;
}
.identification .content > div input[type="text"]:first-child {
  float: left;
}
.identification .content > div.adresse label {
  float: left;
  width: 100%;
}
.identification .content > div.adresse.factu {
  margin-top: 15px;
}
.identification .content > div.adresse input[type="text"],
.identification .content > div.pays input[type="text"] {
  display: block;
  width: 100% !important;
  font-size: 12px !important;
  color: #999999 !important;
  float: left;
}
.identification .content > div input#factu {
  float: left;
  margin-right: 10px;
}
.identification .content > div label {
  font-size: 12px;
  color: #999999;
}
.identification .content textarea {
  font-size: 12px;
  color: #999999 !important;
  max-width: 97.5%;
}
.identification .content > div select {
  width: 98% !important;
  padding: 10px 10px;
}
.identification .content > div select option {
  padding-top: 3px;
}
/****************** PAGE LISTE ****************/
#affichage ul {
  overflow: hidden;
}
#affichage ul li {
  float: left;
  list-style-type: none !important;
  margin: 0 !important;
}
.afficher span,
.trier span,
.nbarticles span {
  float: left;
  margin-top: 5px;
  color: #3C540E !important;
}
.afficher {
  overflow: hidden;
  width: 21%;
}
.afficher .ligne span {
  display: block;
  width: 14px;
  margin-top: 2px;
  margin-left: 15px;
  height: 14px;
  background: url(/13765703/image/template/sprite-boutique.png) 0px -60px no-repeat;
}
.afficher .ligne span.active,
.afficher .ligne span:hover {
  background: url(/13765703/image/template/sprite-boutique.png) -40px -60px no-repeat;
}
.afficher .vignette span {
  display: block;
  margin-top: 2px;
  width: 14px;
  margin-left: 15px;
  height: 14px;
  background: url(/13765703/image/template/sprite-boutique.png) 0px -90px no-repeat;
}
.afficher .vignette span.active,
.afficher .vignette span:hover {
  background: url(/13765703/image/template/sprite-boutique.png) -40px -90px no-repeat;
}
.trier {
  width: 54%;
}
.trier a {
  display: block;
  width: auto;
  float: left;
  margin-left: 5px;
  color: #FFFFFF;
  background: #98D224;
  padding: 6px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.trier a:hover {
  background: #79A81C;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.trier a.selected {
  background: #79A81C;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.trier a.selected:hover {
  background: #98D224;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.nbarticles {
  width: 25%;
}
.nbarticles select {
  width: 40px !important;
  margin: 5px 0 0 5px !important;
}
.liste-vignette .marque,
.liste-vignette .descriptif,
.liste-vignette .prix .ref,
.liste-vignette .prix .panier {
  display: none !important;
}
.liste-vignette {
  padding-top: 15px;
  border-top: 1px solid #E6E6E6;
}
.liste-vignette li {
  position: relative;
  list-style-type: none !important;
  width: 23%;
  float: left;
  margin-right: 2.3%;
  height: 230px;
}
.ie7 .liste-vignette li,
.ie8 .liste-vignette li {
  position: relative;
  list-style-type: none !important;
  width: 22%;
  float: left;
  margin-right: 2.3%;
}
.liste-vignette li:nth-child(4n) {
  margin-right: 0;
}
.liste-vignette li img {
  max-height: 136px;
  width: 100%;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.liste-vignette .img {
  width: 151px;
  height: 136px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.ie8 .liste-vignette li .img img {
  /*display:table-cell;max-width:151px;*/
}
.liste-vignette .img img {
  max-height: 136px;
  max-width: 151px;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  width: auto;
  position: relative;
  margin: 0 auto;
}
.liste-vignette li img {
  max-height: 136px;
  max-width: 151px;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  width: auto;
  position: relative;
  margin: 0 auto;
}
.liste-vignette .immo {
  display: block;
  position: absolute;
  left: 0;
  top: 164px;
  height: 30px;
  line-height: 30px;
  text-indent: 12px;
  width: 100%;
  background: url(/13765703/image/template/black.png);
  color: #FFF;
  font-weight: bold;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.liste-vignette li a {
  text-decoration: none !important;
}
.liste-vignette li h2.titre {
  display: block;
  font-family: arial;
  color: #3C540E !important;
  text-align: center;
  margin: 10px 0 0 0 !important;
  font-size: 12px !important;
}
.liste-vignette li h2.titre a {
  color: #1E2907 !important;
}
.liste-vignette li h2.titre a:hover {
  color: #98D224 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.liste-vignette li .prix {
  display: block;
  text-align: center;
  margin-top: 5px;
}
.liste-vignette li .prix .montant {
  font-size: 18px;
  color: #581810;
}
.liste li .etiquette-top {
  background: #5AB13C;
}
.liste li .etiquette-reduc {
  background: #cf005c;
}
.liste li .etiquette-reduc2 {
  background: #00C0FF;
}
.liste li .etiquette-une {
  background: #FB9F15;
}
.liste li .etiquette-top,
.liste li .etiquette-une,
.liste li .etiquette-reduc2,
.liste li .etiquette-reduc {
  max-width: 120px;
  display: block !important;
  position: absolute;
  opacity: 0.9;
  padding: 4px 0 0 6px;
  height: 17px;
  top: 26px;
  left: 137px;
  color: #FFFFFF !important;
}
.ie7 .liste li .etiquette-top,
.ie7 .liste li .etiquette-une,
.ie7 .liste li .etiquette-reduc2,
.ie7 .liste li .etiquette-reduc {
  display: block !important;
  position: absolute;
  opacity: 0.9;
  padding: 4px 0 0 6px;
  height: 17px;
  width: 105px;
  top: 26px;
  left: 137px;
  color: #FFFFFF !important;
}
.liste .liste-vignette li .etiquette-top,
.liste .liste-vignette li .etiquette-une,
.liste .liste-vignette li .etiquette-reduc2,
.liste .liste-vignette li .etiquette-reduc {
  top: 3px;
  left: 0px;
}
.ie7 .liste .liste-vignette li .etiquette-top,
.ie7 .liste .liste-vignette li .etiquette-une,
.ie7 .liste .liste-vignette li .etiquette-reduc2,
.ie7 .liste .liste-vignette li .etiquette-reduc {
  top: 3px;
  left: 0px;
}
.liste li .etiquette-reduc p,
.liste li .etiquette-top p,
.liste li .etiquette-une p,
.liste li .etiquette-reduc2 p {
  color: #FFFFFF;
  font-family: "Overlock";
  white-space: nowrap;
  padding-right: 15px;
}
.liste li .etiquette-reduc span.corner-top {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  top: 0px;
  right: -8px;
  border-bottom: 0px solid transparent;
  border-right: 8px solid transparent;
  border-top: 15px solid #cf005c;
  border-left: 0px solid transparent;
}
.liste li .etiquette-reduc span.corner-bottom {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  bottom: 0px;
  right: -8px;
  border-bottom: 15px solid #cf005c;
  border-right: 8px solid transparent;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
}
.liste li .etiquette-top span.corner-top {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  top: 0px;
  right: -8px;
  border-top: 15px solid #5AB13C;
  border-right: 8px solid transparent;
}
.liste li .etiquette-top span.corner-bottom {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  bottom: 0px;
  right: -8px;
  border-bottom: 15px solid #5AB13C;
  border-right: 8px solid transparent;
}
.liste li .etiquette-une span.corner-top {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  top: 0px;
  right: -8px;
  border-top: 15px solid #FB9F15;
  border-right: 8px solid transparent;
}
.liste li .etiquette-une span.corner-bottom {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  bottom: 0px;
  right: -8px;
  border-bottom: 15px solid #FB9F15;
  border-right: 8px solid transparent;
}
.liste li .etiquette-reduc2 span.corner-top {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  top: 0px;
  right: -8px;
  border-top: 15px solid #00C0FF;
  border-right: 8px solid transparent;
}
.liste li .etiquette-reduc2 span.corner-bottom {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  bottom: 0px;
  right: -8px;
  border-bottom: 15px solid #00C0FF;
  border-right: 8px solid transparent;
}
.liste-desc li {
  display: table;
  position: relative;
  width: 100%;
  border-top: 1px solid #E6E6E6;
}
.liste-desc li h2.titre a {
  color: #1E2907 !important;
}
.liste-desc li h2.titre a:hover {
  color: #98D224 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.liste-desc li a {
  text-decoration: none !important;
}
.liste-desc li .etiquette-reduc,
.liste-desc li .etiquette-reduc2,
.liste-desc li .etiquette-top,
.liste-desc li .etiquette-une,
.liste-desc li .corner {
  display: block;
  height: 20px !important;
}
.liste-desc li .etiquette-reduc p,
.liste-desc li .etiquette-reduc2 p,
.liste-desc li .etiquette-top p {
  line-height: 15px !important;
  white-space: nowrap;
}
.liste-desc li .img,
.liste-desc li .infos,
.liste-desc li .prix {
  display: table-cell;
  padding-top: 25px;
  vertical-align: top;
}
.ie7 .liste-desc ul,
.ie7 .liste-desc li {
  list-style: none !important;
  display: inline-block;
  position: relative;
  margin: 0px;
  padding: 0px;
}
.ie7 .liste-desc li .img,
.ie7 .liste-desc li .infos,
.ie7 .liste-desc li .prix {
  display: inline-block;
  float: left;
}
/*.liste-desc li .img { width:137px; padding-left:8px;}
.liste-desc li .img img { width:117px; height:106px; .box-shadow; margin-top:2px; margin-bottom:15px;}*/
.liste-desc li .img {
  vertical-align: top;
}
.ie8 .liste-desc li .img {
  display: inline-block !important;
}
.liste-desc li .img {
  width: 137px;
  max-width: 137px;
  height: 106px;
  padding-bottom: 15px;
}
.liste-desc li .img img {
  max-width: 117px;
  max-height: 106px;
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
}
.liste-desc li .infos {
  padding-right: 5px;
}
.liste-desc li .infos p {
  margin-bottom: 15px !important;
}
.liste-desc li .infos .marque {
  font-style: italic;
  color: #666666;
  font-size: 11px;
  padding-top: 30px;
}
.liste-desc li .infos .titre {
  line-height: 23px !important;
  margin-bottom: 10px !important;
}
.liste-desc li .infos .descriptif {
  color: #666666;
  font-size: 12px;
  height: 0;
  width: 440px;
}
.liste-desc li .infos .descriptif .txt-more {
  display: none;
  cursor: pointer;
}
.liste-desc li .infos .descriptif a.more {
  color: #98D224;
  font-style: italic;
  height: 40px;
}
.liste-desc li .infos a.more:before {
  content: "... ";
  color: #666666;
}
.liste-desc li .infos a.more.expanded:before {
  content: "";
}
.liste-desc li .prix {
  width: 156px;
  height: 100%;
}
.liste-desc li .prix .montant {
  font-size: 26px;
  display: block;
  font-weight: normal;
  margin-bottom: 5px;
}
.liste-desc li .prix .ref .reference {
  color: #666666 !important;
  font-size: 11px;
  display: block;
}
.liste-desc li .prix .ref .stock {
  color: #85c10b !important;
  font-size: 12px;
  font-weight: bold;
  display: block;
}
/* BANDEAU - PAS DE MARQUE */
.liste-desc li.bandeau h2 {
  padding-top: 40px;
}
/* MARQUE - PAS DE BANDEAU */
.liste-desc li.marque p.marque {
  padding-top: 0;
}
.liste-desc li .prix .panier {
  position: absolute;
  bottom: 15px;
  right: 0;
  display: block;
  text-align: center;
  text-decoration: none;
  background: none repeat scroll 0 0 #98D224;
  color: #FFFFFF;
  font-family: "Overlock";
  font-size: 15px;
  line-height: normal;
  width: 156px;
  padding: 6px 0;
}
.liste-desc li .prix .panier:hover {
  background: #79A81C;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ie7 .liste-desc li .prix .panier {
  width: 140px !important;
  right: 20px;
}
.plusproduits {
  display: block;
  position: relative;
  text-decoration: none;
  background: none repeat scroll 0 0 #98D224;
  color: #FFFFFF;
  font-family: "Overlock";
  font-size: 20px;
  line-height: normal;
  padding: 8px 0 8px 13px;
}
.plusproduits:hover {
  background: #79A81C;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.plusproduits span {
  position: absolute;
  display: block;
  right: 10px;
  top: 5px;
  color: #FFFFFF !important;
  font-family: 'arial';
  font-size: 60px;
  font-weight: normal !important;
  line-height: 32px;
}
/****************** PAGE PANIER ****************/
.panier #container #content .inner #content-inner #sidebar {
  display: none;
}
/****************** PAGE PRODUIT ****************/
.ie7 #btn-panier a div:first-child {
  padding-right: 5px;
}
.ie7 nav a.panier div.nb-items-panier .ico-panier {
  display: inline-block;
  float: left;
  margin-left: 4px;
  vertical-align: middle;
}
.ie7 nav a.panier div.nb-items-panier .ico-panier {
  margin-top: 3px;
}
.produit #slider {
  width: 48%;
  float: left;
}
.produit #slider figure {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.produit #slider figure .big:hover {
  cursor: crosshair;
}
.produit #slider figure img {
  width: 100%;
  height: auto;
}
.ie7 .produit #slider figure img {
  width: 100% !important;
  height: auto !important;
}
.produit #slider .figures {
  overflow: hidden;
  width: 100%;
  height: 280px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.produit #slider .figures .next,
.produit #slider .figures .prev {
  display: none;
}
.produit #slider .figures-nav {
  padding: 0px;
}
.produit #slider .figures-nav div {
  overflow: hidden;
  width: 89%;
  float: left;
  height: 50px;
  margin-top: 8px;
}
.ie7 .produit #slider .figures-nav div {
  width: 87%;
}
.produit #slider .figures-nav div td {
  padding: 2px;
  height: 44px;
  width: 50px;
}
.produit #slider .figures-nav div td img {
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  border: none !important;
  opacity: 0.6;
}
.ie7 .produit #slider .figures-nav div td img {
  padding: 2px;
  height: 44px !important;
  width: 50px !important;
}
.produit #slider .figures-nav div td.active img {
  opacity: 1;
}
.produit #slider .figures-nav .prev {
  display: block;
  background: none;
  width: 0px;
  height: 0px;
  float: left;
  margin-top: 13px;
  border-width: 17px 9px 17px 0px;
  border-color: transparent #98D224 transparent transparent;
  border-style: solid;
}
.produit #slider .figures-nav .next {
  display: block;
  background: none;
  width: 0px;
  height: 0px;
  float: right;
  margin-top: 13px;
  border-width: 17px 0px 17px 9px;
  border-color: transparent transparent transparent #98D224;
  border-style: solid;
}
.produit #slider #zonezoom {
  display: none !important;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  background: url(/13765703/image/template/white.png) top left repeat;
  z-index: 10;
}
.ie7 .produit #slider #zonezoom {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 1px;
  background: url(/13765703/image/template/white.png) top left repeat;
  z-index: 10;
}
.produit .description #previewzoom {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 100;
  background-color: #FFF;
}
.produit .description #previewzoom img {
  position: absolute;
}
.produit .description {
  float: left;
  position: relative;
  width: 49%;
  margin-left: 3%;
}
.produit .description .addpanier {
  display: block;
  position: relative;
  text-decoration: none;
  background: none repeat scroll 0 0 #98D224;
  color: #FFFFFF;
  font-family: "Overlock";
  font-size: 20px;
  line-height: normal;
  padding: 8px 0 8px 13px;
}
.produit .description .addpanier:hover {
  background: #79A81C;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.produit .description .addpanier.panier-disabled,
.produit .description .addpanier.panier-disabled:hover {
  background: #D2ED9B !important;
}
.produit .description .addpanier span {
  position: absolute;
  display: block;
  width: 29px;
  height: 27px;
  right: 10px;
  top: 8px;
  background: url(/13765703/image/template/spritepvi.png) 0px -2690px no-repeat;
}
.produit .description .social {
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 15px;
}
.produit .description .marque {
  width: 70%;
  float: left;
  font-style: italic;
}
.produit .description .marque .reference {
  display: block;
  color: #666666 !important;
  font-style: normal;
}
.produit .description .stock {
  width: 30%;
  float: left;
  text-align: right;
  color: #85c10b !important;
  font-size: 12px;
  font-weight: bold;
}
.produit .description form table {
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
}
.produit .description form table tr td {
  vertical-align: middle !important;
}
.produit .description form table select {
  min-width: 50%;
  width: 177px;
}
.produit .description .montant {
  display: block;
  text-align: right;
  font-size: 26px;
  margin: 15px 0;
}
.produit .infos p {
  margin: 30px 0 0 0;
  display: block;
}
.produit .infostable {
  border-width: 1px;
  border-style: solid;
}
.produit .infos td {
  border-width: 1px;
  border-style: solid;
  vertical-align: middle;
}
.produit .livraison ul {
  margin: 30px 0 0 0;
}
.produit .livraison ul li {
  list-style: none !important;
  width: 100% !important;
  border-bottom: 1px solid #98D224;
  position: relative;
  padding: 0 0 5px 0;
}
.produit .livraison ul li q {
  font-family: "Overlock";
  font-size: 16px !important;
  line-height: normal !important;
  color: #666666 !important;
}
.produit .livraison ul li q span {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal !important;
  color: #666666 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  position: absolute;
  right: 3px;
  bottom: 6px;
}
.produit .btn_prev,
.produit .btn_next {
  float: left;
  position: relative;
  margin-top: 50px;
  line-height: 27px;
  text-decoration: none;
  font-family: "Overlock";
  font-size: 18px;
  color: #FFF;
  background-color: #98D224;
  padding: 7px 0;
  padding-right: 0;
  padding-left: 45px;
  width: 145px;
  text-align: left;
}
.produit .btn_next {
  float: right;
  padding-right: 60px;
  padding-left: 0;
  text-align: right;
  width: 130px;
}
.ie7 .produit .btn_prev,
.ie7 .produit .btn_next {
  position: relative;
  display: inline-block;
}
.ie7 .produit .btn_next span {
  float: right !important;
  text-align: right;
  left: auto;
  right: 20px !important;
}
.ie7 .produit #slider .figures-nav .next {
  margin: 13px 10px 0 0;
}
.ie7 .livraison ul,
.ie7 .livraison ul li {
  list-style: outside none !important;
  margin-left: 0px !important;
  margin-right: 20px !important;
  left: 0px !important;
  padding-left: 0px !important;
  text-indent: 0px !important;
}
.produit .btn_prev .arrow,
.produit .btn_next .arrow {
  position: absolute;
  left: 15px;
  top: 7px;
  width: 15px;
  height: 27px;
  display: block;
  background: url(/13765703/image/harmony/h002/sprites.png) no-repeat -10px -155px;
}
.produit .btn_next .arrow {
  left: inherit;
  right: 15px;
  background: url(/13765703/image/harmony/h002/sprites.png) no-repeat -55px -155px;
}
.produit .btn_prev:hover,
.produit .btn_next:hover {
  background: #79A81C;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.produit .retour-liste {
  /*display:none;*/
}
.produit .retour-liste:hover {
  background: #79A81C;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*********** TABLETTE BOUTIQUE *****************/
.index .nav-vignette {
  width: 100%;
  height: 43px;
  position: relative;
  border: none 0px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.index .nav-vignette * {
  border: none 0px !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.index .nav-vignette .prev,
.index .nav-vignette .next {
  background-image: url(/13765703/image/harmony/h002/sprites.png);
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #000000;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  cursor: pointer;
}
.index .nav-vignette .text {
  font-family: "Overlock", Arial;
  font-weight: bold;
  color: #1E2907;
  background: #D8422F;
  vertical-align: middle;
  text-align: center;
  font-size: 30px;
}
.index .nav-vignette .spacer {
  width: 10px;
  border: none 0px;
}
.index .nav-vignette .prev {
  background-position: -3px -93px;
  width: 33px;
  height: 43px;
}
.index .nav-vignette .next {
  background-position: -43px -93px;
  width: 33px;
  height: 43px;
}
.index .nav-vignette .prev:hover,
.index .nav-vignette .next:hover {
  background-color: #D8422F;
}
.index .liste-vignette {
  padding-top: 15px;
  border-top: none 0px;
  clear: both;
  display: block;
  height: 218px;
  overflow: hidden;
}
.index .liste-vignette li {
  position: relative;
  list-style-type: none !important;
  width: 216px;
  height: 218px;
  float: left;
  margin-right: 2.3%;
  display: table-cell;
}
/**BANDEAU PRODUIT HOME**/
.index .ctn-vignette {
  position: relative;
  height: 288px;
  overflow: hidden;
  width: 100%;
  margin: 0 0 10px 0;
}
.index .liste-vignette {
  height: 271px;
  overflow: visible;
}
/*desktop*/
.index .liste-vignette li {
  margin: 0 10px 0 28px;
  height: 278px;
}
.index .liste-vignette li:first-child {
  margin: 0 10px 0 5px;
}
.index .liste-vignette .img {
  width: 216px;
  height: 194px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.index .liste-vignette li .img img {
  max-height: 194px;
  max-width: 216px;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  width: auto;
  margin: 0 auto;
}
.ie8 .index .liste-vignette li img {
  max-width: 216px !important;
}
.index .liste-vignette li a {
  text-decoration: none !important;
}
.index .liste-vignette li h2.titre {
  display: block;
  font-family: arial;
  color: #3C540E !important;
  text-align: center;
  margin: 10px 0 0 0 !important;
  font-size: 12px !important;
}
.index .liste-vignette li .prix {
  display: block;
  text-align: center;
  margin-top: 5px;
}
.index .liste-vignette li .prix .montant {
  font-size: 18px;
}
.index .liste-vignette li .etiquette-top {
  background: #5AB13C;
}
.index .liste-vignette li .etiquette-reduc {
  background: #cf005c;
}
.index .liste-vignette li .etiquette-reduc2 {
  background: #00C0FF;
}
.index .liste-vignette li .etiquette-une {
  background: #FB9F15;
}
.index .liste-vignette li .etiquette-top,
.index .liste-vignette li .etiquette-une,
.index .liste-vignette li .etiquette-reduc2,
.index .liste-vignette li .etiquette-reduc {
  display: block;
  position: absolute;
  opacity: 0.9;
  padding: 3px 0 0 6px;
  height: 18px;
  top: 3px;
  left: 0px;
  color: #FFFFFF !important;
  max-width: 120px;
}
.ie7 .index .liste-vignette li .etiquette-top,
.ie7 .index .liste-vignette li .etiquette-une,
.ie7 .index .liste-vignette li .etiquette-reduc2,
.ie7 .index .liste-vignette li .etiquette-reduc {
  display: block;
  position: absolute;
  opacity: 0.9;
  padding: 3px 0 0 6px;
  height: 18px;
  width: 105px;
  top: 3px;
  left: 0px;
  color: #FFFFFF !important;
  max-width: 120px;
}
.index .liste-vignette li .etiquette-reduc p,
.index .liste-vignette li .etiquette-top p,
.index .liste-vignette li .etiquette-une p,
.index .liste-vignette li .etiquette-reduc2 p {
  color: #FFFFFF;
  font-family: "Overlock";
  white-space: nowrap;
  padding-right: 15px;
}
.index .liste-vignette li .etiquette-reduc span.corner-top {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  top: 0px;
  right: -8px;
  border-bottom: 0px solid transparent;
  border-right: 8px solid transparent;
  border-top: 15px solid #cf005c;
  border-left: 0px solid transparent;
}
.index .liste-vignette li .etiquette-reduc span.corner-bottom {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  bottom: 0px;
  right: -8px;
  border-bottom: 15px solid #cf005c;
  border-right: 8px solid transparent;
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
}
.index .liste-vignette li .etiquette-top span.corner-top {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  top: 0px;
  right: -8px;
  border-top: 15px solid #5AB13C;
  border-right: 8px solid transparent;
}
.index .liste-vignette li .etiquette-top span.corner-bottom {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  bottom: 0px;
  right: -8px;
  border-bottom: 15px solid #5AB13C;
  border-right: 8px solid transparent;
}
.index .liste-vignette li .etiquette-une span.corner-top {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  top: 0px;
  right: -8px;
  border-top: 15px solid #FB9F15;
  border-right: 8px solid transparent;
}
.index .liste-vignette li .etiquette-une span.corner-bottom {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  bottom: 0px;
  right: -8px;
  border-bottom: 15px solid #FB9F15;
  border-right: 8px solid transparent;
}
.index .liste-vignette li .etiquette-reduc2 span.corner-top {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  top: 0px;
  right: -8px;
  border-top: 15px solid #00C0FF;
  border-right: 8px solid transparent;
}
.index .liste-vignette li .etiquette-reduc2 span.corner-bottom {
  position: absolute;
  width: 1px;
  height: 1px;
  display: block;
  bottom: 0px;
  right: -8px;
  border-bottom: 15px solid #00C0FF;
  border-right: 8px solid transparent;
}
/**\BANDEAU PRODUIT HOME**/
@media screen and (max-width: 1024px) {
  /*** TABLETTE CHECKOUT ***/
  .nav-vignette .next,
  .nav-vignette .prev,
  .nav-vignette .spacer {
    /*display:none;*/
  }
  .liste-vignette .img,
  .liste-vignette .img img {
    width: 100%;
    position: relative;
  }
  div.recap div {
    width: 100%;
  }
  div.recap div div.produit {
    width: 54%;
    border-left: none;
    height: auto;
    padding: 2% 0 2% 0;
  }
  div.recap div div.qte {
    width: 20%;
    text-align: center;
  }
  div.recap div div.prix {
    width: 18%;
    text-align: center;
  }
  div.recap div div.trash {
    width: 7%;
    text-align: center;
  }
  div.recap div.result {
    margin-right: 0px;
  }
  /*** TABLETTE LISTE ***/
  .liste #sidebar {
    display: none;
  }
  .nbarticles select {
    width: 40px !important;
    margin: 0 0 0 5px !important;
  }
  /*** TABLETTE PRODUIT ***/
  .produit #container #content .inner #content-inner #sidebar {
    display: none;
  }
  .produit #slider {
    width: 41%;
    float: left;
  }
  .produit .description {
    float: left;
    width: 56%;
    margin-left: 3%;
  }
  .produit .retour-liste {
    float: left;
    text-align: left;
    display: block;
    text-decoration: none;
    background: none repeat scroll 0 0 #98D224;
    color: #FFFFFF;
    font-family: "Overlock";
    font-size: 20px;
    line-height: normal;
    padding: 8px 13px 8px 13px;
    margin: 0 0 18px 0;
  }
}
/*********** MOBILE BOUTIQUE *****************/
@media screen and (max-width: 760px) {
  .liste li .etiquette-top,
  .liste li .etiquette-une,
  .liste li .etiquette-reduc2,
  .liste li .etiquette-reduc {
    top: 13px;
    left: 10px;
  }
  .liste-desc li .infos .marque {
    padding-top: 0px !important;
  }
  .btn {
    width: 100% !important;
    padding: 12px 0px !important;
    clear: both;
  }
  .nav-vignette .next,
  .nav-vignette .prev,
  .nav-vignette .spacer {
    display: none;
  }
  /*** MOBILE CHECKOUT ***/
  div.recap > div {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #98D224;
    margin-bottom: 10px;
    padding-bottom: 15px;
  }
  div.recap div div.produit {
    width: 100%;
  }
  div.recap div div.produit > div {
    padding-bottom: 10px;
  }
  div.recap div div.produit > div:first-child {
    width: 25%;
    overflow: hidden;
  }
  div.recap > div div.qte {
    position: absolute;
    bottom: 5px;
    left: 30%;
    width: 30%;
    height: 33px !important;
  }
  div.recap > div div.prix {
    position: absolute;
    bottom: 5px;
    left: 60%;
    width: 33%;
    height: 33px !important;
    white-space: nowrap;
  }
  div.recap > div div.trash {
    position: absolute;
    bottom: 5px;
    right: 0px;
    width: 8%;
    height: 33px !important;
  }
  div.recap div.first {
    display: none;
  }
  div.recap div {
    display: block;
  }
  div.recap div div {
    display: block;
  }
  div.recap div div.produit,
  div.recap div div.qte,
  div.recap div div.prix,
  div.recap div div.trash {
    float: left;
    display: block;
    border: none;
  }
  div.recap div.result {
    margin-right: 0px;
    padding-right: 0px;
  }
  div.recap > div.result input.valider {
    padding: 6px 0px !important;
    width: 100%;
    clear: both;
    margin: 10px 0px !important;
  }
  .produit .btn_prev,
  .produit .btn_next {
    width: 100% !important;
    padding: 7px 0 !important;
    text-align: center;
  }
  .produit .btn_next {
    padding-right: 45px;
  }
  .produit .btn_next {
    margin-top: 10px !important;
  }
  .produit .btn_prev .arrow,
  .produit .btn_next .arrow {
    top: 17%;
  }
  .produit #slider .figures {
    margin-bottom: 10px !important;
  }
  .produit #slider .figures-nav .prev,
  .produit #slider .figures-nav .next {
    display: none;
  }
  .produit #slider #zonezoom,
  .produit .description #previewzoom {
    display: none;
    left: -9999px;
  }
  .produit .description {
    width: 100% !important;
  }
  #popn-inner.recap-popn .ajoutPanier .btn {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .checkout input[type="text"],
  .checkout textarea {
    border: 1px solid #98D224;
  }
  #main .row,
  #main .rowfull {
    display: block;
    width: 100%;
  }
  .identification .row .col label {
    margin: 0 0 10px 0;
  }
  .identification .content > div {
    float: left;
    max-width: 100%;
    padding: 0;
  }
  .identification .content > div input[type="text"] {
    display: block;
    width: 100% !important;
    font-size: 12px !important;
    color: #999999 !important;
    float: none;
    clear: both;
  }
  .identification .content > div input[type="text"]:first-child {
    float: none;
  }
  .identification .content > div.adresse input[type="text"],
  .identification .content > div.pays input[type="text"] {
    display: block;
    width: 100% !important;
    font-size: 12px !important;
    color: #999999 !important;
    float: left;
  }
  .identification .content > div select {
    width: 100% !important;
    padding: 10px 10px;
  }
  .identification .content > div select option {
    padding-top: 3px;
  }
  .identification .content textarea {
    font-size: 12px;
    color: #999999 !important;
    max-width: 100%;
  }
  .identification .content > div label,
  .payment label {
    width: 90%;
  }
  /*** MOBILE LISTE ***/
  .liste #sidebar {
    display: none;
  }
  #affichage .afficher,
  #affichage .nbarticles {
    display: none;
  }
  .trier {
    width: 100%;
  }
  .trier a {
    margin-left: 5px;
    padding: 7px 4px 5px;
    font-size: 11px;
  }
  .liste .liste-vignette li .img,
  .liste .liste-vignette li .infos,
  .liste-desc li .img,
  .liste-desc li .infos {
    display: block;
    float: left;
    padding-top: 25px;
  }
  .liste .liste-vignette li .prix .montant,
  .liste-desc li .prix .montant {
    display: block;
    float: left;
    width: 50%;
    padding-left: 0;
    left: 45% !important;
    right: auto;
    padding-top: 0px;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal !important;
    text-align: left;
  }
  .liste .liste-vignette li .prix,
  .liste-desc li .prix {
    display: block;
    float: left;
    width: 45%;
    padding-left: 5%;
    padding-top: 0px;
    font-size: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
  }
  .liste .liste-vignette li .img,
  .liste-desc li .img {
    width: 40%;
    padding-left: 0px;
  }
  .liste .liste-vignette li .infos,
  .liste-desc li .infos {
    width: 45%;
    padding-left: 5%;
  }
  .liste .liste-vignette li .infos h2 a,
  .liste-desc li .infos h2 a {
    font-size: 16px;
    display: block;
  }
  .liste .liste-vignette li .infos h2,
  .liste-desc li .infos h2 {
    margin-top: 0px !important;
  }
  .liste .liste-vignette li .infos h2 a,
  .liste-desc li .infos h2 a {
    line-height: 18px;
    font-size: 15px;
  }
  .liste .liste-vignette li .img img,
  .liste-desc li .img img {
    height: auto;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
    margin-top: 2px;
    margin-bottom: 15px;
    padding-left: 0px;
  }
  .liste .liste-vignette li .infos .marque,
  .liste .liste-vignette li .infos .descriptif,
  .liste .liste-vignette li .prix .ref .reference,
  .liste .liste-vignette li .prix .panier,
  .liste .liste-vignette li .prix .ref .stock,
  .liste-desc li .infos .marque,
  .liste-desc li .infos .descriptif,
  .liste-desc li .prix .ref .reference,
  .liste-desc li .prix .panier,
  .liste-desc li .prix .ref .stock {
    display: none !important;
  }
  .liste .liste-vignette li .infos .titre,
  .liste-desc li .infos .titre {
    line-height: 23px !important;
    margin-bottom: 10px !important;
  }
  .liste .liste-vignette li .prix,
  .liste-desc li .prix {
    width: auto;
  }
  .liste .liste-vignette li .prix .montant,
  .liste-desc li .prix .montant {
    position: absolute;
    left: 50%;
    bottom: 10px;
    display: block;
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 5px;
  }
  .liste .liste-vignette li .corner,
  .liste-desc li .corner {
    display: block;
    position: absolute;
    right: 0;
    bottom: 15px;
    border-bottom: 20px #98D224 solid;
    border-right: 20px #98D224 solid;
    border-top: 20px solid transparent;
    border-left: 20px solid transparent;
    height: 0px !important;
  }
  /*** TABLETTE PRODUIT ***/
  .produit #container #content .inner #content-inner #sidebar {
    display: none;
  }
  .produit #slider {
    width: 100%;
  }
  .produit .description {
    width: 100%;
    margin-left: 0 !important;
  }
  .produit #slider #slide ul {
    width: 100%;
  }
  .produit #slider #slide #prev,
  .produit #slider #slide #next {
    display: none;
  }
  .produit .retour-liste {
    width: 100%;
    display: block;
    text-decoration: none;
    background: none repeat scroll 0 0 #98D224;
    color: #FFFFFF;
    font-family: "Overlock";
    font-size: 20px;
    line-height: normal;
    padding: 8px 0;
    margin: 0 0 18px 0;
    text-align: center;
  }
  /*** CONTACT ***/
  #main .contact {
    clear: both;
  }
  #main .contact .content {
    padding: 10px 0 !important;
  }
  #main .contact .moreinfo,
  #main .contact .tel {
    position: relative !important;
    bottom: inherit !important;
    top: inherit !important;
    padding: 8px 2% !important;
    width: 96% !important;
  }
  body.contact #main .infos {
    float: left;
    width: 100%;
    margin-top: 10px;
  }
  #main form .inputEnvoyer {
    width: 100%;
  }
  #main .send {
    text-align: center !important;
  }
  html body #popn-inner.recap-popn .ajoutPanier .btn {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
/**** NAVIGATION PHOTOS VIDEOS ****/
.vidz .ctn-images-video {
  width: 84% !important;
  padding: 0 8% !important;
  height: 100px;
  border: none 0px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.vidz .liste-images-videos {
  height: 100px;
  position: relative;
  border: none 0px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.vidz .liste-images-videos * {
  border: none 0px !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.vidz .liste-images-videos li {
  display: block;
  margin: 0;
  padding: 0px;
  width: 106px !important;
  clear: none;
}
.vidz .liste-images-videos li * {
  width: 106px !important;
  margin: 0px !important;
}
.vidz .liste-images-videos .text {
  font-family: "Overlock", Arial;
  font-weight: bold;
  color: #1E2907;
  background: #D8422F;
  vertical-align: middle;
  text-align: center;
  font-size: 30px;
}
.vidz .liste-images-videos .spacer {
  width: 10px;
  border: none 0px;
}
.vidz .liste-images-videos .titre {
  color: black;
  text-align: center;
  font-size: 12px;
}
.vidz .liste-images-videos a:link {
  text-decoration: none;
}
.vidz .nav-images-videos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0px;
  z-index: 1000;
}
.vidz .nav-images-videos .prev {
  display: block;
  float: left;
  background-position: -3px -85px;
  width: 35px;
  height: 60px;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.vidz .nav-images-videos .next {
  display: block;
  float: right;
  background-position: -43px -85px;
  width: 35px;
  height: 60px;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
.vidz .nav-images-videos .prev,
.nav-images-videos .next {
  background-image: url(/13765703/image/harmony/h002/sprites.png);
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #000000;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  cursor: pointer;
  clear: none;
}
.vidz .nav-images-videos .prev:hover,
.vidz .nav-images-videos .next:hover {
  background-color: #D8422F;
}
.vidz .figures-nav .prev,
.vidz .figures-nav .next {
  height: 60px !important;
  width: 35px;
  background-image: url(/13765703/image/harmony/h002/sprites.png);
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #000000;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  cursor: pointer;
  clear: none;
}
.vidz .figures-nav .prev {
  background-position: -3px -85px !important;
}
.vidz .figures-nav .next {
  background-position: -45px -85px !important;
}
/**** POPIN PANIER ****/
#popn-inner.recap-popn .right.btn {
  float: right !important;
}
#popn-inner.recap-popn .btn {
  font-weight: normal !important;
}
#popn-inner.recap-popn div.recap div div.produit div img {
  margin-left: 5px;
}
.ie7 #popn-inner.recap-popn {
  max-width: none !important;
  min-width: none !important;
  width: 600px !important;
}
#popn-inner.recap-popn div.recap div div.produit {
  width: 72% !important;
}
.ie7 #popn-inner.recap-popn div.recap div div.qte > div {
  display: inline-block !important;
  height: auto;
  left: 25px;
  top: 40px;
}
#popn-inner.recap-popn div.recap div div.produit div p {
  padding-right: 20px !important;
}
#popn-inner.recap-popn .ajoutPanier {
  margin-bottom: 0;
}
#popn-inner.recap-popn .btn {
  width: auto;
}
/*** CHEVAUCHEMENT H1/H2 sur page Carte ***/
.restaurant #main header h2.underH1 {
  position: relative;
  top: inherit;
  right: inherit;
}
/*** SLIDER IMAGE PORTRAIT/PAYSAGE ***/
#main figure img {
  width: auto;
  height: auto;
  max-height: inherit;
}
#main figure img.portrait {
  width: auto;
  height: 100%;
}
#main figure img.paysage {
  width: 100%;
  height: auto;
}
/*IMMO*/
body.immobilier_listeVente #main,
body.immobilier_listeLocation #main {
  margin-right: 0;
}
body.immobilier_detailVente .identification input[type=text],
body.immobilier_detailLocation .identification input[type=text] {
  width: 49% !important;
}
body.immobilier_detailVente .identification textarea,
body.immobilier_detailLocation .identification textarea {
  width: 98% !important;
  padding: 5px 1% !important;
  max-width: 100% !important;
}
body.immobilier_detailLocation #popn form .inputEnvoyer,
body.immobilier_detailVente #popn form .inputEnvoyer {
  margin: 0 0 0 20px;
}
body.immobilier_detailLocation #popn form .inputEnvoyer .send,
body.immobilier_detailVente #popn form .inputEnvoyer .send {
  padding: 7px 50px 5px 10px;
}
/*body.immobilier_detailLocation #popn form .inputEnvoyer .send .js-ico { display:none }*/
body.immobilier_detailLocation #popn form .inputClose,
body.immobilier_detailVente #popn form .inputClose {
  margin: 0 0 0 0;
}
body.immobilier_detailLocation #popn form .inputClose .send,
body.immobilier_detailVente #popn form .inputClose .send {
  padding: 7px 10px 5px 10px;
}
body.immobilier_listeLocation #popn form .inputEnvoyer,
body.immobilier_listeVente #popn form .inputEnvoyer {
  margin: 0 0 0 20px;
}
body.immobilier_listeLocation #popn form .inputEnvoyer .send,
body.immobilier_listeVente #popn form .inputEnvoyer .send {
  padding: 7px 50px 5px 10px;
}
/*body.immobilier_listeLocation #popn form .inputEnvoyer .send .js-ico { display:none }*/
body.immobilier_listeLocation #popn form .inputClose,
body.immobilier_listeVente #popn form .inputClose {
  margin: 0 0 0 0;
}
body.immobilier_listeLocation #popn form .inputClose .send,
body.immobilier_listeVente #popn form .inputClose .send {
  padding: 7px 10px 5px 10px !important;
}
/*body.immobilier_detailLocation #popn #popn-bg { z-index:-1 !important; pointer-events:none !important; }
body.immobilier_listeLocation #popn #popn-bg { z-index:-1 !important; pointer-events:none !important; }*/
body.immobilier_detailLocation #popn header > .js-ico,
body.immobilier_detailVente #popn header > .js-ico,
body.immobilier_listeVente #popn header > .js-ico,
body.immobilier_listeLocation #popn header > .js-ico {
  display: none !important;
}
.immo-filtre {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 20px 20px 10px 20px;
  background-color: #FDF7F6;
}
.immo-filtre-inner {
  display: block;
  position: relative;
  overflow: hidden;
}
.immo-filtre li {
  list-style: none!important;
}
.immo-filtre-select {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.immo-filtre-input {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
}
.immo-filtre-btn {
  position: absolute;
  overflow: hidden;
  width: 28%;
  right: 0px;
  bottom: 0px;
}
.immo-filtre select {
  width: 22% !important;
  float: left;
  padding: 7px 0;
  margin: 0 15px 10px 0 !important;
  color: #666666 !important;
  min-width: 116px;
}
.immo-filtre-input input {
  width: 22% !important;
  float: left;
  margin: 0 15px 10px 0 !important;
  min-width: 116px;
}
.immo-filtre-input input.input:last-child {
  margin: 0 0 10px 0!important;
}
.immo-filtre .input,
.immo-filtre .select2-container--default .select2-selection--single,
.immo-filtre .select2-container--default .select2-selection--multiple {
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3) !important;
}
.immo-filtre .select2-search input.select2-search__field {
  width: 100% !important;
  padding-top: 5px;
}
.immo-filtre .select2-container {
  width: 22% !important;
  vertical-align: top;
  margin: 0 10px  10px 0 !important;
  min-width: 116px;
}
.immo-filtre .select2-selection__rendered {
  line-height: 34px!important;
  color: #666666 !important ;
  font-weight: lighter!important;
  padding: 0 0 0 5px !important;
}
.immo-filtre .select2-selection__choice {
  margin: 6px 3px 0 0 !important;
  color: #000000!important;
  padding: 0 3px!important;
  font-size: 11px;
}
.immo-filtre .select2-selection__arrow {
  top: 5px;
}
.immo-filtre .select2-container--default .select2-selection--single,
.immo-filtre .select2-container--default .select2-selection--multiple {
  height: 34px;
  border-radius: 0px;
  border: #E0E0E0 1px solid;
  border-top: #DDDDDD 1px solid;
  border-bottom: #EEEEEE 1px solid;
}
.immo-filtre input::-webkit-input-placeholder {
  color: #666666 !important ;
}
.immo-filtre .select2-search input.select2-search__field {
  position: absolute;
  top: 0;
}
.immo-filtre .btn {
  display: block;
  position: relative;
  width: 95% !important;
  padding: 5px 0 !important;
  line-height: 23px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  margin: 40px 0 10px 0 !important;
}
.immo-filtre .ico .js-ico span {
  display: none;
}
.immo-filtre .ico .js-ico {
  display: block !important;
  position: absolute !important;
  left: 10px;
  top: 0;
  width: 34px;
  height: 34px;
  margin: 0;
}
.immo-filtre .ico-search .js-ico {
  background: url(/13765703/image/template/spriteimmo.png) -130px 0 no-repeat;
}
.immo-filtre .ico-alert .js-ico {
  background: url(/13765703/image/template/spriteimmo.png) -164px 0 no-repeat;
}
.immo-filtre2 {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 5px 0px 0px 5px;
  background-color: #FDF7F6;
}
.immo-filtre2 select {
  float: left;
  width: auto !important;
  padding: 8px 0;
  margin: 0 5px 5px 0 !important;
}
.immo-filtre2 input {
  float: left;
  width: auto !important;
  margin: 0 5px 5px 0 !important;
}
.immo-filtre2 a {
  float: left;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 34px !important;
}
.immo-filtre2 a.btn {
  margin-right: 5px !important;
}
/* New style immo */
#main .nbrs-biens {
  color: #FFFFFF;
}
.immo-filtre .input.checkbox {
  width: 20px !important;
  box-shadow: none!important;
  margin: 7px 5px;
  min-width: 20px;
}
.immo-filtre .withPhoto {
  float: left;
}
.immo-filtre .selectric {
  width: 180px;
}
.immo-filtre .selectric .button:after {
  border-top-color: #000000;
}
.immo-filtre #affichage .bientrouves {
  color: #98D224;
  font-weight: bold;
  padding-left: 0;
  border-bottom: 1px solid #98D224;
}
.infos span {
  font-weight: lighter!important;
}
#main #liste-biens {
  width: 100%;
}
#liste-biens .btn {
  float: right;
  margin: 0px 0px 10px 0px;
  width: 170px !important;
  height: 32px;
  line-height: 32px!important;
}
#affichage {
  margin: 10px 0 0 0px;
  padding-left: 0;
}
#affichage ul {
  margin-left: 0;
}
#affichage .afficher {
  margin: 0 0 0 24px!important;
  width: 141px!important;
}
#main #affichage .trier {
  margin-left: 3px !important;
  margin-right: 10px;
}
#main #affichage .trier span {
  margin-right: 10px;
}
#main #affichage .trier a {
  display: block;
  float: left;
  margin-left: 5px;
  padding: 0px 10px;
  height: 32px;
  line-height: 32px;
  text-decoration: none;
  color: #666666;
  background-color: #E06A5B;
  transition: background-color 0.7s;
  cursor: pointer;
}
#main #affichage .trier a:hover {
  background-color: #F0BAB3;
}
#main #affichage .trier select.trie-input {
  overflow: hidden;
  margin: 0px 10px 0 10px!important;
  width: 142px!important;
  height: 30px;
}
#main #affichage .trier .selectric .button:after {
  border-top-color: #000000;
}
.immobilier_listeLocation .trier,
.immobilier_listeVente .trier {
  width: 252px;
}
#affichage .alert .ico-alert {
  padding: 0 10px;
  height: 27px;
  line-height: 27px!important;
  margin-right: 10px;
}
#affichage .alert .ico-alert .js-ico {
  margin: 0 0 0 -10px;
  padding: 0;
  float: right;
}
#affichage .alert .ico-alert span {
  margin-top: 2px;
}
#affichage .nbarticles {
  float: right;
  width: 21%;
}
.immobilier_listeLocation .simple-pagination,
.immobilier_listeVente .simple-pagination {
  margin: 0px 10px 0px 10px;
  border-top: 1px #D8422F solid;
  padding-top: 20px;
  width: 100%;
}
.immobilier_listeLocation .simple-pagination ul,
.immobilier_listeVente .simple-pagination ul {
  text-align: center;
  width: initial;
  margin: 0 auto;
  display: inline-block !important;
}
.immobilier_listeLocation .simple-pagination ul li:last-child,
.immobilier_listeVente .simple-pagination ul li:last-child,
.immobilier_listeLocation .simple-pagination ul li,
.immobilier_listeVente .simple-pagination ul li {
  list-style: none!important;
}
.immobilier_listeLocation .simple-pagination ul li:last-child span.current,
.immobilier_listeVente .simple-pagination ul li:last-child span.current,
.immobilier_listeLocation .simple-pagination ul li span.current,
.immobilier_listeVente .simple-pagination ul li span.current,
.immobilier_listeLocation .simple-pagination ul li:last-child span,
.immobilier_listeVente .simple-pagination ul li:last-child span,
.immobilier_listeLocation .simple-pagination ul li span,
.immobilier_listeVente .simple-pagination ul li span,
.immobilier_listeLocation .simple-pagination ul li:last-child a,
.immobilier_listeVente .simple-pagination ul li:last-child a,
.immobilier_listeLocation .simple-pagination ul li a,
.immobilier_listeVente .simple-pagination ul li a,
.immobilier_listeLocation .simple-pagination ul li:last-child ellipse,
.immobilier_listeVente .simple-pagination ul li:last-child ellipse,
.immobilier_listeLocation .simple-pagination ul li ellipse,
.immobilier_listeVente .simple-pagination ul li ellipse {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}
.immobilier_listeLocation .simple-pagination ul li:last-child span,
.immobilier_listeVente .simple-pagination ul li:last-child span,
.immobilier_listeLocation .simple-pagination ul li span,
.immobilier_listeVente .simple-pagination ul li span {
  color: #98D224;
}
.etiquettes_conso {
  padding: 3% 0%;
  width: 100%;
  border-top: 1px solid #FEFFFF;
}
.etiquettes_conso > div {
  position: relative;
}
.etiquettes_conso .energie {
  float: left;
  width: 352px;
}
.etiquettes_conso .impact {
  float: left;
  width: 341px;
  border-left: 2px solid #cccccc;
  margin-left: 10px;
  padding-left: 14px;
}
.etiquettes_conso .energie .diagnostic-energie,
.etiquettes_conso .impact .diagnostic-impact {
  margin-top: 70px;
  position: absolute;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 17px!important;
}
.etiquettes_conso .energie .diagnostic-energie {
  right: 22px;
}
.etiquettes_conso .impact .diagnostic-impact {
  right: 12px;
}
.etiquettes_conso .energie .A,
.etiquettes_conso .impact .A {
  top: 0px;
}
.etiquettes_conso .energie .B,
.etiquettes_conso .impact .B {
  top: 32px;
}
.etiquettes_conso .energie .C,
.etiquettes_conso .impact .C {
  top: 63px;
}
.etiquettes_conso .energie .D,
.etiquettes_conso .impact .D {
  top: 95px;
}
.etiquettes_conso .energie .E,
.etiquettes_conso .impact .E {
  top: 126px;
}
.etiquettes_conso .energie .F,
.etiquettes_conso .impact .F {
  top: 158px;
}
.etiquettes_conso .energie .G,
.etiquettes_conso .impact .G {
  top: 189px;
}
.etiquettes_conso .energie img,
.etiquettes_conso .impact img {
  width: 359px;
  margin: 0 auto;
}
.etiquettes_conso img {
  display: block;
  margin: 0 auto;
}
.loiAlur {
  padding-left: 16px;
}
.loiAlur p {
  padding: 0!important;
}
@media screen and (max-width: 1024px) {
  .immo-filtre-select,
  .immo-filtre-btn {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 100%;
  }
  .immo-filtre .btn {
    width: 22% !important;
    float: right!important;
    margin: 0 11px 10px 0 !important;
    padding: 0 10px;
  }
  .immo-filtre .select2-container {
    width: 22% !important;
  }
  .immo-filtre .select2-container {
    margin: 0 11px  10px 0 !important;
  }
  #affichage .afficher {
    width: 78px!important;
    float: left;
    margin: 0!important;
  }
  body #main .etiquettes_conso {
    width: 100%;
    padding: 5% 0 0 0;
  }
  body #main .etiquettes_conso .impact {
    margin-top: 10%;
    border-left: 0 none;
    padding-left: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 760px) {
  #main .immo-filtre {
    padding: 0;
    width: 100%;
  }
  #main .immo-filtre-inner {
    padding: 10px;
  }
  #main .immo-filtre-btn {
    width: initial;
    padding: 0 10px;
  }
  #main .immo-filtre .input,
  .immo-filtre .btn {
    width: 100% !important;
    float: none;
    margin: 0 0 10px 0 !important;
  }
  #main .immo-filtre .select2-container,
  .immo-filtre .immo-filtre-select {
    width: 100%!important;
  }
  #main .immo-filtre .input.checkbox {
    width: 20px !important;
  }
  #affichage .alert .ico-alert {
    padding: 0 0px!important;
  }
  body.immobilier_detailVente .identification input[type=text],
  body.immobilier_detailLocation .identification input[type=text] {
    width: 100% !important;
  }
  body #main .etiquettes_conso {
    width: 100%;
    padding: 5% 0 0 0;
  }
  body #main .etiquettes_conso .impact,
  body #main .etiquettes_conso .energie {
    width: 100% !important;
    float: left !important;
  }
  body #main .etiquettes_conso .energie .diagnostic-energie,
  body #main .etiquettes_conso .impact .diagnostic-impact {
    right: 26.5%;
  }
  body #main .etiquettes_conso .impact {
    margin-top: 10%;
    border-left: 0 none;
    padding-left: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 400px) {
  #main #affichage .trier {
    width: 100%;
  }
  #main #affichage .trier select.trie-input {
    width: 62%;
  }
  #main #affichage .alert {
    width: 100%;
    padding: 0;
    margin-top: 10px!important;
  }
  .immobilier_listeLocation .simple-pagination {
    width: 90%;
    margin: 0px;
  }
  .produit #main article .infos .etiquettes_conso .energie {
    margin-bottom: 30px;
    margin-left: 0;
    width: 298px;
  }
  .produit #main article .infos .etiquettes_conso .impact {
    border-left: 0 none;
    width: 298px;
    padding-left: 0;
    margin-left: 0;
  }
  .produit #main article .infos .etiquettes_conso .energie .diagnostic-energie,
  .produit #main article .infos .etiquettes_conso .impact .diagnostic-impact {
    right: 10%;
    margin-top: 58px;
  }
  .produit #main article .infos .etiquettes_conso img {
    width: 295px;
  }
  .produit #main article .infos .etiquettes_conso .energie .A,
  .produit #main article .infos .etiquettes_conso .impact .A {
    top: 0px;
  }
  .produit #main article .infos .etiquettes_conso .energie .B,
  .produit #main article .infos .etiquettes_conso .impact .B {
    top: 23px;
  }
  .produit #main article .infos .etiquettes_conso .energie .C,
  .produit #main article .infos .etiquettes_conso .impact .C {
    top: 51px;
  }
  .produit #main article .infos .etiquettes_conso .energie .D,
  .produit #main article .infos .etiquettes_conso .impact .D {
    top: 76px;
  }
  .produit #main article .infos .etiquettes_conso .energie .E,
  .produit #main article .infos .etiquettes_conso .impact .E {
    top: 102px;
  }
  .produit #main article .infos .etiquettes_conso .energie .F,
  .produit #main article .infos .etiquettes_conso .impact .F {
    top: 128px;
  }
  .produit #main article .infos .etiquettes_conso .energie .G,
  .produit #main article .infos .etiquettes_conso .impact .G {
    top: 153px;
  }
}
/*************************************************/
/*STYLES*/
/*************************************************/
/*************************************************/
/*STYLES*/
/*************************************************/
/*DESKTOP*/
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Droid Sans', sans-serif;
  font-weight: bold;
  color: #D8422F;
}
.btn {
  position: relative;
  font-family: 'Droid Sans', sans-serif;
  text-align: center;
  text-transform: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom: 5px;
  padding: 12px 10px 12px 10px;
  width: 215px;
  letter-spacing: normal;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  background: #D8422F;
  background: -moz-linear-gradient(left, #B13121 0%, #D8422F 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #B13121), color-stop(100%, #D8422F));
  background: -webkit-linear-gradient(left, #B13121 0%, #D8422F 100%);
  background: -o-linear-gradient(left, #B13121 0%, #D8422F 100%);
  background: -ms-linear-gradient(left, #B13121 0%, #D8422F 100%);
  background: linear-gradient(left, #B13121 0%, #D8422F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #B13121 , endColorstr= #D8422F );
  zoom: 1;
}
.btn-hover,
.btn:hover {
  background: #B13121;
  background: -moz-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #581810), color-stop(100%, #B13121));
  background: -webkit-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -o-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -ms-linear-gradient(left, #581810 0%, #B13121 100%);
  background: linear-gradient(left, #581810 0%, #B13121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #581810 , endColorstr= #B13121 );
  zoom: 1;
}
.btn-active,
.btn.active {
  background: #6A9319;
  background: -moz-linear-gradient(top, #98D224 0%, #6A9319 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #6A9319));
  background: -webkit-linear-gradient(top, #98D224 0%, #6A9319 100%);
  background: -o-linear-gradient(top, #98D224 0%, #6A9319 100%);
  background: -ms-linear-gradient(top, #98D224 0%, #6A9319 100%);
  background: linear-gradient(top, #98D224 0%, #6A9319 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #6A9319 );
  zoom: 1;
}
body {
  font-family: Arial;
  color: #666666;
}
b {
  color: #B13121;
}
a {
  color: #666666;
  font-weight: bold;
}
.BG {
  background-color: #D8422F;
}
/*************************************************/
/*CONTAINER*/
#container {
  position: relative;
  width: 1000px;
  margin: 17px auto 0;
}
/*************************************************/
/*SLIDER*/
.figures {
  background-color: #FEFFFF;
}
.figures figcaption {
  background-color: #ff0115;
  background-color: rgba(255, 0, 21, 0.6);
  zoom: 1;
  background-color: transparent\9;
  background-color: rgba(255, 0, 21, 0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ff0015, endColorstr=#99ff0015)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ff0015, endColorstr=#99ff0015);
  right: 0px;
  bottom: 0px;
  width: 96%;
  padding: 2%;
}
.figures .prev,
.figures .next {
  background-color: #D8422F;
  background-color: rgba(216, 66, 47, 0.6);
  zoom: 1;
  background-color: transparent\9;
  background-color: rgba(216, 66, 47, 0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99D8422F, endColorstr=#99D8422F)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99D8422F, endColorstr=#99D8422F);
  background-image: url(/13765703/image/harmony/h002/sprites.png);
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.figures .prev:hover,
.figures .next:hover {
  background-color: #98D224;
}
.figures .prev {
  background-position: 0px -90px;
  border-radius: 0 5px 5px 0;
}
.figures .next {
  background-position: -40px -90px;
  border-radius: 5px 0 0 5px;
}
.figures-nav {
  background-color: #F9E2E0;
}
.figures-nav .prev,
.figures-nav .next,
.figures-nav .fullscreen {
  background-color: #E06A5B;
  background-image: url(/13765703/image/harmony/h002/sprites.png);
  background-repeat: no-repeat;
}
.figures-nav .prev:hover,
.figures-nav .next:hover,
.figures-nav .fullscreen:hover {
  background-color: #98D224;
}
.figures-nav .prev {
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
}
.figures-nav .next {
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}
.figures-nav .fullscreen {
  background-position: -85px -78px;
  width: 70px;
}
.figures-nav .sep {
  border-left: 1px solid #939393;
  border-right: 1px solid #FFF;
}
.figures-nav > div table td img {
  border: 1px solid #939393;
  -moz-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
}
.figures-nav > div table td.active img,
.figures-nav > div table td:hover img {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}
/*SLIDER PHOTO*/
.figures {
  background-color: #FEFFFF;
  box-shadow: none;
}
.figures figcaption {
  background-color: #383838;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
}
.figures .prev,
.figures .next {
  background-image: url(/13765703/image/harmony/h002/sprites.png);
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #B13121;
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
}
.figures .prev:hover,
.figures .next:hover {
  background-color: #98D224;
}
.figures .prev {
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
  background-position: 0px -90px;
}
.figures .next {
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  background-position: -40px -90px;
}
.figures-nav {
  background-color: #bebebe;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.figures-nav .prev,
.figures-nav .next,
.figures-nav .fullscreen {
  background-color: #939393;
  background-image: url(/13765703/image/harmony/h002/sprites.png);
  background-repeat: no-repeat;
}
.figures-nav .fullscreen {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.figures-nav .prev:hover,
.figures-nav .next:hover,
.figures-nav .fullscreen:hover {
  background-color: #ACDF47;
}
.index #slider2 .figures {
  border-top: 2px solid #98D224;
}
.index #slider2 .figures figcaption {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.7);
  zoom: 1;
  background-color: transparent\9;
  background-color: rgba(255, 255, 255, 0.7);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff);
  color: #666666 !important;
}
.index #slider2 .figures figcaption * {
  color: #666666 !important;
}
.index #slider2 .figures .prev,
.index #slider2 .figures .next {
  top: auto;
  bottom: 5%;
}
.index #slider2 .figures .prev {
  height: 1px;
  width: 1px;
  left: 10px;
  background: none repeat scroll 0 0 transparent;
  border-bottom: 25px solid transparent;
  border-right: 35px solid #D8422F;
  border-top: 25px solid transparent;
  border-radius: 0 !important;
}
.index #slider2 .figures .next {
  height: 1px;
  width: 1px;
  right: 10px;
  background: none repeat scroll 0 0 transparent;
  border-bottom: 25px solid transparent;
  border-left: 35px solid #D8422F;
  border-top: 25px solid transparent;
  border-radius: 0 !important;
}
.index #slider2 .figures .prev:hover,
.index #slider2 .figures .next:hover {
  background: none repeat scroll 0 0 transparent;
  border-right-color: #98D224;
  border-left-color: #98D224;
}
.index #slider2 .figures figcaption {
  bottom: 5%;
  padding: 1.3%;
  right: 8.7%;
  width: 80%;
}
body.photos .figures figcaption {
  font-size: 17px;
}
/**/
.calendrier .ligne .label,
div.recap div.first > div,
div.recap div div.produit div p,
input.valider,
.liste-desc li .prix .panier,
.plusproduits,
.produit .description .addpanier,
.produit .livraison ul li q,
.index .nav-vignette .text,
.produit .btn_prev,
.produit .btn_next,
.index .liste-vignette li .etiquette-reduc2 p,
.index .liste-vignette li .etiquette-reduc p,
.index .liste-vignette li .etiquette-top p,
.index .liste-vignette li .etiquette-une p,
.liste-vignette li .etiquette-reduc2 p,
.liste-vignette li .etiquette-reduc p,
.liste-vignette li .etiquette-top p,
.liste-vignette li .etiquette-une p,
.produit .retour-liste,
.liste-vignette li .etiquette-reduc2 p {
  font-family: 'Droid Sans';
}
/***/
/*************************************************/
/*************************************************/
/*CONTENT*/
#content {
  display: block;
  width: auto !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
#content .inner {
  position: relative;
  border-left: 20px solid transparent;
}
#content-inner {
  margin: 0 0 0 225px;
  padding: 0 10px 20px 10px;
  min-height: 600px;
  background-color: #FFF;
  box-shadow: 0 7px 5px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 7px 5px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 7px 5px 2px rgba(0, 0, 0, 0.3);
  overflow: visible;
}
.ie8 #content-inner {
  overflow: hidden;
  clear: both !important;
}
/*************************************************/
/*HEADER*/
#header {
  display: block;
  width: auto !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
#header #baseline {
  display: block;
  clear: both;
  background-color: #FFF;
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.5);
  min-height: 60px;
  font-family: 'Droid Sans', sans-serif;
  font-size: 32px;
  font-weight: normal;
  text-transform: none;
  color: #D8422F;
  padding: 25px 20px 25px 25px;
  margin-left: 245px;
  line-height: 40px;
}
#header-left {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 235px;
  margin-left: -10px;
  background: #FFFFFF;
}
#header-left #logo {
  float: none;
  text-align: center;
  line-height: 120px;
}
#header-left #logo img {
  display: inline;
  max-width: 160px;
  max-height: 120px;
  vertical-align: middle;
}
#header-left p {
  height: 50px;
  font-size: 11px;
  text-align: center;
  padding: 0 5px 0 5px;
  color: #D8422F;
}
#header-right {
  margin-top: 0px;
}
#header-right .ico {
  line-height: 36px;
}
#header-right a {
  background: #FFFFFF;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  font-family: 'Droid Sans', sans-serif;
  font-size: 12px;
  text-transform: none;
  padding-right: 10px;
}
#header-right nav {
  height: 48px;
  padding: 0px 0 0 240px;
}
#header-right nav ul {
  display: block;
  line-height: 60px;
  margin: 0 0 0 5px;
}
#header-right nav ul li {
  display: block;
  float: left;
  margin: 0 15px 0 0;
}
#header-right-nav1 a {
  font-size: 12px;
}
#header-right-nav4,
#header-right-nav7 {
  float: right !important;
}
#header-left,
#header-right-nav1 a,
#header-right-nav2 a,
#header-right-nav3 a,
#header-right-navpanier a,
#header-right-nav4 > div > a .js-ico,
#header-right-nav7 .js-ico {
  box-shadow: 0px 5px 0px -3px rgba(250, 250, 250, 0.9);
  -moz-box-shadow: 0px 5px 0px -3px rgba(250, 250, 250, 0.9);
  -webkit-box-shadow: 0px 5px 0px -3px rgba(250, 250, 250, 0.9);
  border: rgba(0, 0, 0, 0.1) 1px solid;
}
.ie7 #header-right-nav1,
.ie7 #header-right-nav2,
.ie7 #header-right-nav3 {
  background: #FFFFFF;
}
/*LANGUE*/
#container .langue .js-ico2 {
  display: block;
  height: 34px;
  width: 35px !important;
  background-color: #FFFFFF;
  z-index: 2 !important;
  margin-top: 0;
}
/*NAV*/
#nav {
  display: block;
  position: relative;
  float: left;
  clear: left;
  width: 215px;
  z-index: 1000;
}
#nav .resp-mobile {
  cursor: pointer;
  line-height: 20px;
  background: #B13121;
  background: -moz-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #581810), color-stop(100%, #B13121));
  background: -webkit-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -o-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -ms-linear-gradient(left, #581810 0%, #B13121 100%);
  background: linear-gradient(left, #581810 0%, #B13121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #581810 , endColorstr= #B13121 );
  zoom: 1;
  font-family: 'Droid Sans', sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: none;
  padding: 10px 15px 10px 15px;
  letter-spacing: normal;
  color: #FFF;
  /* .gradientH(#E89287,#D8422F,#E89287); */
}
#nav .close {
  display: block;
  position: absolute;
  z-index: 501;
  right: 0px;
  top: 0px;
  cursor: pointer;
  padding: 5px;
  color: #98D224;
  font-weight: bold;
}
#nav > ul {
  position: absolute;
  z-index: 5000;
  top: 35px;
  left: -30px;
  width: 235px;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.5);
}
#nav > ul > li {
  border-bottom: #B13121 1px solid;
  border-top: #D8422F 1px solid;
}
#nav > ul > li:first-child {
  border-top: none;
}
#nav > ul > li:last-child {
  border-bottom: none;
}
#nav > ul > li > a {
  cursor: pointer;
  position: relative;
  font-family: 'Droid Sans', sans-serif;
  text-align: center;
  text-transform: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom: 5px;
  padding: 12px 10px 12px 10px;
  width: 215px;
  letter-spacing: normal;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  background: #D8422F;
  background: -moz-linear-gradient(left, #B13121 0%, #D8422F 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #B13121), color-stop(100%, #D8422F));
  background: -webkit-linear-gradient(left, #B13121 0%, #D8422F 100%);
  background: -o-linear-gradient(left, #B13121 0%, #D8422F 100%);
  background: -ms-linear-gradient(left, #B13121 0%, #D8422F 100%);
  background: linear-gradient(left, #B13121 0%, #D8422F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #B13121 , endColorstr= #D8422F );
  zoom: 1;
  margin-bottom: 0;
  text-align: left;
  font-size: 14px;
  letter-spacing: normal;
}
#nav > ul > li > a:hover {
  background: #B13121;
  background: -moz-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #581810), color-stop(100%, #B13121));
  background: -webkit-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -o-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -ms-linear-gradient(left, #581810 0%, #B13121 100%);
  background: linear-gradient(left, #581810 0%, #B13121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #581810 , endColorstr= #B13121 );
  zoom: 1;
}
#nav > ul > li.active > a {
  background: #6A9319;
  background: -moz-linear-gradient(top, #98D224 0%, #6A9319 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #6A9319));
  background: -webkit-linear-gradient(top, #98D224 0%, #6A9319 100%);
  background: -o-linear-gradient(top, #98D224 0%, #6A9319 100%);
  background: -ms-linear-gradient(top, #98D224 0%, #6A9319 100%);
  background: linear-gradient(top, #98D224 0%, #6A9319 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #6A9319 );
  zoom: 1;
}
#nav > ul ul {
  display: none;
  position: absolute;
  z-index: 700;
  left: 235px;
  top: 0px;
  width: 235px;
  padding: 10px 0 10px 0;
  background-color: #FFF;
  box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 3px 3px rgba(0, 0, 0, 0.2);
}
#nav > ul ul li {
  list-style-position: outside;
  position: relative;
}
#nav > ul ul li a {
  position: relative;
  line-height: 22px;
  min-height: 22px;
  text-decoration: none;
  padding: 0 15px 0 15px;
}
#nav > ul ul li a:hover,
#nav > ul ul li.active > a {
  background: #79A81C;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: linear-gradient(top, #98D224 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C );
  zoom: 1;
  color: #FFF;
}
/*TABLETTE*/
@media screen and (max-width: 1280px) {
  #nav > ul > li:hover > ul {
    display: block;
  }
  #nav > ul > li:hover > ul > li:hover ul {
    display: block !important;
  }
}
/*MOBILE*/
@media screen and (max-width: 760px) {
  #nav > ul > li:hover > ul {
    display: block;
  }
  #nav > ul > li:hover > ul > li:hover ul {
    display: block !important;
  }
}
.ie7 #nav > ul {
  left: -25px;
  list-style: none outside;
}
.ie7 #nav ul,
.ie7 #nav ul li {
  list-style: none outside;
}
.ie7 #nav ul ul {
  left: 250px;
}
.ie7 #nav ul ul ul {
  left: 235px;
}
.ie7 nav a.panier div.nb-items-panier .ico-panier {
  margin-top: 5px;
}
/*************************************************/
/*MAIN*/
b {
  color: #666666;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main ul,
#main ol,
#main p,
#main .component-presentation {
  line-height: normal;
}
#main {
  background-color: #FFF;
  overflow: hidden;
}
#main span {
  color: #581810;
  font-weight: bold;
}
#main article {
  margin-bottom: 30px;
  position: relative;
  clear: left;
}
#main article p,
#main .component-presentation {
  font-size: 0.95em;
  margin-bottom: 8px;
  line-height: 15px;
}
#main ul li {
  list-style: square inside;
  color: #79A81C;
  line-height: 1.5em;
  margin-left: 1px;
}
#main ul li.indent {
  list-style: disc inside;
  padding-left: 34px;
}
#main ul li > q {
  color: #842518;
}
#main ul li > q > p {
  display: inline;
}
#main .map,
#main .map iframe {
  overflow: hidden;
}
#main h1 {
  font-size: 26px;
  text-transform: none;
  padding: 1px 20px 12px 45px;
  line-height: normal;
  font-weight: normal;
  color: #B13121;
}
#main h1.slim {
  position: relative;
  padding: 3px 20px 15px 45px;
  cursor: pointer;
}
#main h1.slim .std {
  position: absolute;
  display: block;
  right: 0px;
  top: 4px;
  width: 33px;
  height: 33px;
  background: url(/13765703/image/template/spritepvi.png) -91px -1777px no-repeat #98D224;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#main .repli h1.slim .std {
  background: url(/13765703/image/template/spritepvi.png) -91px -1812px no-repeat #98D224;
  width: 33px;
  height: 33px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#main h2 {
  text-transform: none;
  font-weight: normal;
  font-size: 20px;
  color: #B13121;
}
#main header h2 {
  padding: 3px 20px 3px 0px;
  line-height: normal;
  font-weight: normal;
}
#main header.ico .js-ico {
  display: block;
}
#main header .js-ico {
  position: absolute;
  top: auto;
  top: 1px;
  left: -13px;
  width: 46px;
  height: 33px;
  background: #98D224;
  background: -moz-linear-gradient(left, #6A9319 0%, #98D224 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #6A9319), color-stop(100%, #98D224));
  background: -webkit-linear-gradient(left, #6A9319 0%, #98D224 100%);
  background: -o-linear-gradient(left, #6A9319 0%, #98D224 100%);
  background: -ms-linear-gradient(left, #6A9319 0%, #98D224 100%);
  background: linear-gradient(left, #6A9319 0%, #98D224 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #6A9319 , endColorstr= #98D224 );
  zoom: 1;
}
#main article header .js-ico {
  top: 1px;
}
#main header .js-ico .js-ico1 {
  display: block;
  position: absolute;
  left: auto;
  top: 5px;
  right: 12px;
  width: 1px;
  height: 15px;
  background: #9B2B1D;
}
#main header .js-ico .js-ico2 {
  display: block;
  position: absolute;
  left: auto;
  top: 12px;
  right: 6px;
  width: 13px;
  height: 1px;
  background: #9B2B1D;
}
#main .btn {
  width: auto;
  float: left;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: normal;
}
.bonsplans #main section article header.ico .js-ico {
  display: none;
}
.bonsplans #main section article {
  overflow: hidden;
  margin-bottom: 15px;
}
.bonsplansdetails #main section article header.ico .js-ico {
  display: none;
}
.bonsplansdetails #main section article {
  overflow: hidden;
  margin-bottom: 15px;
}
.restaurant #main section article header .js-ico {
  bottom: 0px;
  top: 1px;
}
/*BON PLANS*/
#main .profite {
  float: left;
  width: 50%;
  margin: 0px 0px 5px 0px;
  overflow: hidden;
}
#main .profite hr {
  margin: 9px 0px 7px 0px;
}
#main .profite .bonplan {
  width: auto;
  margin: 0px 0px 0px 0px;
  padding: 7px 0;
  float: none;
  display: block;
  font-weight: bold;
  font-size: 18px;
  padding-left: 10px;
  text-align: left;
  font-size: 17px;
}
#main .retour {
  padding: 7px 20px;
  font-size: 18px;
}
#main figure.figure {
  display: block;
  max-width: 480px;
  max-height: 248px;
  margin-bottom: 20px;
  overflow: hidden;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
}
#main figure.left {
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#main .autresplan {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#main .autresplan .apercu {
  float: left;
  margin: 0 0 20px 0;
  overflow: hidden;
  padding: 1%;
  width: 48%;
}
#main .autresplan .apercu:nth-child(odd) {
  position: relative;
  width: 49%;
  padding: 0px;
  padding-right: 1%;
  float: left;
}
#main .autresplan .apercu:nth-child(even) {
  position: relative;
  width: 49%;
  padding: 0px;
  padding-left: 1%;
  float: right;
}
#main .autresplan .apercu figure {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0px;
  float: none;
  display: block;
  height: 105px;
}
/*FORM*/
#main .input,
#main input[type="text"],
#main input[type="email"] {
  color: #842518;
  background: #FFFFFF;
  box-shadow: 0px 1px 3px #cccccc inset;
  -moz-box-shadow: 0px 1px 3px #cccccc inset;
  -webkit-box-shadow: 0px 1px 3px #cccccc inset;
}
#main textarea {
  background: #FEFFFF;
  color: #842518;
  box-shadow: 0px 1px 3px #cccccc inset;
  -moz-box-shadow: 0px 1px 3px #cccccc inset;
  -webkit-box-shadow: 0px 1px 3px #cccccc inset;
}
#main form {
  overflow: hidden;
}
#main form .divcaptcha {
  background: #EEEEEE;
}
#main form .formBox .requis {
  color: #D8422F;
}
#main form .formBox {
  clear: none;
}
/***********boutons*************/
#main .btn {
  background: #79A81C;
  background: -moz-linear-gradient(left, #98D224 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #98D224), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(left, #98D224 0%, #79A81C 100%);
  background: -o-linear-gradient(left, #98D224 0%, #79A81C 100%);
  background: -ms-linear-gradient(left, #98D224 0%, #79A81C 100%);
  background: linear-gradient(left, #98D224 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #98D224 , endColorstr= #79A81C );
  zoom: 1;
  cursor: pointer;
}
#main .btn:hover {
  background: #79A81C;
  background: -moz-linear-gradient(left, #5B7D15 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5B7D15), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(left, #5B7D15 0%, #79A81C 100%);
  background: -o-linear-gradient(left, #5B7D15 0%, #79A81C 100%);
  background: -ms-linear-gradient(left, #5B7D15 0%, #79A81C 100%);
  background: linear-gradient(left, #5B7D15 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #5B7D15 , endColorstr= #79A81C );
  zoom: 1;
}
#main .btn.active {
  background: #79A81C;
  background: -moz-linear-gradient(left, #98D224 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #98D224), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(left, #98D224 0%, #79A81C 100%);
  background: -o-linear-gradient(left, #98D224 0%, #79A81C 100%);
  background: -ms-linear-gradient(left, #98D224 0%, #79A81C 100%);
  background: linear-gradient(left, #98D224 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #98D224 , endColorstr= #79A81C );
  zoom: 1;
}
#main .send {
  float: right;
  padding: 10px 60px 10px 20px;
  text-align: left;
  width: auto;
  color: #FFFFFF;
}
#main .send .js-ico {
  right: 10px;
  top: 9px;
  left: auto;
}
#main .tel {
  padding: 8px 40px 8px 15px;
  font-family: Arial;
  letter-spacing: normal;
  text-transform: none;
  font-size: 13px;
}
#main .tel .js-ico {
  right: 10px;
  top: 7px;
  left: auto;
}
#main .moreinfo {
  font-size: 13px;
  padding: 8px 40px 8px 15px;
}
#main .moreinfo .js-ico {
  left: auto;
}
/*CONTACT*/
#main .btn-black,
#main .moreinfo {
  background: #B13121;
  background: -moz-linear-gradient(left, #D8422F 0%, #B13121 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #D8422F), color-stop(100%, #B13121));
  background: -webkit-linear-gradient(left, #D8422F 0%, #B13121 100%);
  background: -o-linear-gradient(left, #D8422F 0%, #B13121 100%);
  background: -ms-linear-gradient(left, #D8422F 0%, #B13121 100%);
  background: linear-gradient(left, #D8422F 0%, #B13121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #D8422F , endColorstr= #B13121 );
  zoom: 1;
}
#main .btn-black:hover,
#main .moreinfo:hover {
  background: #B13121;
  background: -moz-linear-gradient(left, #842518 0%, #B13121 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #842518), color-stop(100%, #B13121));
  background: -webkit-linear-gradient(left, #842518 0%, #B13121 100%);
  background: -o-linear-gradient(left, #842518 0%, #B13121 100%);
  background: -ms-linear-gradient(left, #842518 0%, #B13121 100%);
  background: linear-gradient(left, #842518 0%, #B13121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #842518 , endColorstr= #B13121 );
  zoom: 1;
}
#main .infos {
  font-size: 0.95em;
}
#main .infos h2 {
  letter-spacing: normal;
  margin: 10px 0 15px 0;
}
#main .infos dl dt {
  color: #88BD20;
}
#main .infos dl dd {
  color: #666666;
}
/**/
#main .vidz ul li a {
  color: #98D224;
}
/*************************************************/
/*RECOMMANDE*/
#popn header {
  background: none transparent;
}
#popn h1 {
  font-size: 26px;
  text-transform: none;
  letter-spacing: normal;
  line-height: 24px;
  color: #B13121;
  padding: 3px 20px;
  cursor: pointer;
  font-weight: normal;
}
#popn h2 {
  font-family: 'Droid Sans', sans-serif;
  text-transform: none;
  font-size: 20px;
  color: #B13121;
  font-weight: normal;
}
#popn form .inputEnvoyer .btn {
  background: #79A81C;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: linear-gradient(top, #98D224 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C );
  zoom: 1;
  cursor: pointer;
}
#popn form .inputEnvoyer .btn:hover {
  background: #79A81C;
  background: -moz-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5B7D15), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: -o-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: -ms-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #5B7D15 , endColorstr= #79A81C );
  zoom: 1;
}
#popn form .inputEnvoyer .btn.active {
  background: #79A81C;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: linear-gradient(top, #98D224 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C );
  zoom: 1;
}
#popn form .inputEnvoyer .send {
  padding: 9px 60px 9px 20px;
  font-size: 18px;
  letter-spacing: normal;
}
#popn form .inputEnvoyer .send .js-ico {
  top: 8px;
}
#popn input[type="text"],
#main input[type="email"] {
  box-shadow: 0px 1px 3px #cccccc inset;
  -moz-box-shadow: 0px 1px 3px #cccccc inset;
  -webkit-box-shadow: 0px 1px 3px #cccccc inset;
}
#popn textarea {
  background: #FFFFFF;
  color: #842518;
  box-shadow: 0px 1px 3px #cccccc inset;
  -moz-box-shadow: 0px 1px 3px #cccccc inset;
  -webkit-box-shadow: 0px 1px 3px #cccccc inset;
}
#popn form .addrem {
  color: #79A81C;
}
#popn form .formBox .requis {
  color: #D8422F;
}
#popn form .divcaptcha {
  background: #EEEEEE;
}
/*******************************************************/
/*FOOTER*/
#footer {
  display: block;
  position: relative;
  width: auto;
  margin: 0px auto 0 auto;
  overflow: hidden;
  color: #FFF;
  display: block;
  width: auto !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  padding-bottom: 60px;
  background: #842518;
}
.ie8 #footer {
  clear: both !important;
}
#footer .inner {
  background: none transparent;
  background: #B13121;
  background: -moz-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D8422F), color-stop(100%, #B13121));
  background: -webkit-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -o-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -ms-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: linear-gradient(top, #D8422F 0%, #B13121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #D8422F , endColorstr= #B13121 );
  zoom: 1;
}
#footer a {
  color: #FFF;
}
#footer h2 {
  font-family: 'Droid Sans', sans-serif;
  font-size: 13px;
  text-transform: none;
  letter-spacing: normal;
  color: #FFF;
}
#footer .cols {
  display: block;
  width: auto !important;
  float: none !important;
  clear: both !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  overflow: hidden;
  padding: 20px 0 20px 0;
  width: 1000px !important;
  margin: auto;
}
#footer .col {
  position: relative;
  width: 25%;
  float: left;
}
#footer .col a {
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
}
#footer .col a:hover {
  text-decoration: underline;
}
#footer .col-inner {
  border-right: rgba(0, 0, 0, 0.2) 1px solid;
  border-left: rgba(255, 255, 255, 0.2) 1px solid;
  /* min-height:175px;*/
  padding: 0 15px 0 15px;
}
#footer .col1 .col-inner {
  border-left: 1px solid transparent;
}
#footer .col4 .col-inner {
  border-right: 1px solid transparent;
  padding: 0 0 0 15px;
}
#footer .social {
  display: block;
  overflow: hidden;
  padding-top: 20px;
}
#footer .social li {
  display: block;
  float: left;
}
#footer .social .ico .js-ico {
  width: 33px;
}
#footer .inner #copyright {
  display: block;
  position: absolute !important;
  bottom: 0px !important;
  left: 50% !important;
  width: 1000px !important;
  margin: 0 auto 0 -500px !important;
}
#footer .inner #copyright b {
  color: #98D224 !important;
}
/*************************************************/
/*ICO*/
.ico {
  display: block;
  position: relative;
}
.ico .js-ico {
  display: block;
  position: relative;
  float: left;
  width: 27px;
  height: 27px;
  margin-right: 10px;
  left: 5px;
  top: 5px;
}
.ico .js-ico span {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.ico .js-ico .js-ico1 {
  background: #98D224;
  width: 23px;
  height: 22px;
  top: 0px;
  left: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ico:hover .js-ico .js-ico1 {
  background: #581810;
}
.ico-tel .js-ico span {
  background: url(/13765703/image/template/sprite_1.png) 0px 0px no-repeat;
}
.ico-addr .js-ico span {
  background: url(/13765703/image/template/sprite_1.png) -27px 0px no-repeat;
}
.ico-hor .js-ico span {
  background: url(/13765703/image/template/sprite_1.png) -54px 0px no-repeat;
}
.ico-print .js-ico {
  width: 38px;
  height: 38px;
  background: #FFFFFF;
  top: 0px;
  left: 0px;
}
.ico-print .js-ico span {
  background: url(/13765703/image/template/sprite_1.png) -216px 0px no-repeat;
  margin: 4px 0 0 4px !important;
  width: 27px !important;
  height: 27px !important;
}
#info .langue div .ico .js-ico {
  background: #FFFFFF;
  width: 39px;
  height: 38px;
  top: 0px;
  left: 0px;
}
#info .langue ul a,
#info .langue ul .ico .js-ico,
#info .langue ul .ico .js-ico .js-ico2 {
  top: 0px;
  left: 0px;
}
#info .langue div .ico .js-ico .js-ico1 {
  top: 8px;
  left: 8px;
}
.ico-social1 .js-ico span {
  background: url(/13765703/image/template/sprite_1.png) -81px 0 no-repeat;
}
.ico-social2 .js-ico span {
  background: url(/13765703/image/template/sprite_1.png) -108px 0 no-repeat;
}
.ico-social3 .js-ico span {
  background: url(/13765703/image/template/sprite_1.png) -135px 0 no-repeat;
}
.ico-social4 .js-ico span {
  background: url(/13765703/image/template/sprite_1.png) -162px 0 no-repeat;
}
.ico-social5 .js-ico span {
  background: url(/13765703/image/template/sprite_1.png) -189px 0 no-repeat;
}
.ico-social1 .js-ico,
.ico-social2 .js-ico,
.ico-social3 .js-ico,
.ico-social4 .js-ico,
.ico-social5 .js-ico {
  background: #FFFFFF;
  border-bottom: 1px solid #98D224;
  top: auto;
}
/*DIVERS*/
.return-top {
  background: #D8422F;
  font-family: 'Droid Sans', sans-serif;
  font-size: 16px;
  letter-spacing: normal;
  text-transform: none;
  margin-top: -50px;
}
#sidebar .facebook header h1,
#sidebar .facebook header h2 {
  color: #D8422F;
  border-bottom: 1px solid #EFEFEF;
  font-weight: bold;
  font-size: 18px;
}
.ie7 div#sidebar {
  overflow: hidden;
  padding-left: 0px !important;
  margin: 0px !important;
}
#header-right nav ul li#header-right-navpanier {
  float: right;
}
#btn-panier a {
  margin-top: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none 0px;
}
#btn-panier a div {
  font-family: "Droid Sans";
  color: #000000;
  background: #EFEFEF;
  font-weight: bold;
  line-height: 33px;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#btn-panier a div.nb-items-panier {
  background-color: #98D224;
  color: #FFF;
  font-size: 18px;
}
#btn-reserver a.bouton_reserver {
  color: #ffffff;
  background: #98D224;
}
#btn-reserver a div {
  font-family: 'Droid Sans', sans-serif;
  font-weight: bold;
  line-height: 33px;
  font-variant: small-caps;
  font-size: 17px;
}
#btn-reserver a div.fleche-reserver {
  color: #1E2907;
  background: transparent url(/13765703/image/template/sprite_1.png) -270px 0px no-repeat;
}
#btn-reserver a.bouton_reserver:hover {
  background-color: #B13121;
  transition-duration: 0.3s;
}
/*************************************************/
/*TABLETTE*/
@media screen and (max-width: 1024px) {
  nav a.panier {
    width: 50px;
  }
  nav a.panier > div:first-child {
    text-indent: -9999px;
  }
  #header-right nav#info ul li#header-right-nav1 a,
  #header-right nav#info ul li#header-right-nav2 a,
  #header-right nav#info ul li#header-right-nav3 a {
    font-size: 0px !important;
    text-indent: -9999px !important;
    width: 30px;
  }
  #container {
    margin-left: 20px;
  }
  #container,
  #footer {
    width: auto;
    min-width: 320px;
  }
  #main {
    margin: 0;
  }
  #sidebar {
    display: block;
    width: auto !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin-left: 0;
  }
  #header #baseline {
    font-size: 18px;
    line-height: 30px;
  }
  #sidebar .col {
    float: left;
    width: 48%;
  }
  #sidebar .col:nth-child(2n+1) {
    clear: left;
    margin-right: 4%;
  }
  #footer .col {
    width: 33%;
  }
  #footer .col3 .col-inner {
    border-right: 0px none;
  }
  #footer .col4 .col-inner {
    border-left: 0px none;
  }
  #footer .col4 {
    width: 100%;
  }
  #footer h2 {
    font-size: 20px;
    letter-spacing: normal;
    font-weight: normal;
    line-height: normal;
  }
  #footer .cols {
    width: auto !important;
    padding-top: 20px;
  }
  #footer .inner .cols .social .js-ico {
    margin-right: 18px;
  }
  #footer .inner #copyright {
    width: 100% !important;
    margin: 0 0 0px 0 !important;
    padding-left: 25px;
    left: auto !important;
    top: auto !important;
    right: auto !important;
  }
  #footer .inner #copyright .logo-pj {
    right: 50px;
  }
}
/*************************************************/
/*MOBILE*/
@media screen and (max-width: 760px) {
  #header-right nav#info ul li#header-right-nav1 a,
  #header-right nav#info ul li#header-right-nav2 a,
  #header-right nav#info ul li#header-right-nav3 a {
    width: 38px;
  }
  #btn-panier {
    background-color: #2C0C08;
  }
  #btn-panier a.panier {
    display: block;
    margin: 0;
    padding: 7px 3.5%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 93%;
    position: relative;
    text-decoration: none;
    font-size: 17px;
  }
  #btn-panier a.panier div {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 5px 7px 10px;
  }
  #btn-panier a.panier div.nb-items-panier {
    width: 25%;
    position: absolute;
    top: 7px;
    right: 3.5%;
    padding: 10px 10px 7px 0;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    text-align: right;
  }
  #btn-panier a.panier div.nb-items-panier .ico-panier {
    padding-left: 20px;
    background: url(/13765703/image/template/sprite-boutique.png) 0px -26px no-repeat;
    margin-right: 3px;
  }
  #btn-reserver {
    background-color: black;
    padding: 5px 0 0 3.5%;
    width: 100%;
    text-align: center;
  }
  #btn-reserver > svg {
    display: block !important;
    position: absolute !important;
    top: 40px;
    left: 0px;
    max-width: 100%;
  }
  #btn-reserver > .raph {
    display: block !important;
    position: absolute !important;
    top: 0px;
    left: 0px;
    max-width: 100%;
    overflow: hidden !important;
  }
  #btn-reserver a.bouton_reserver {
    display: block;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 93%;
    height: 45px;
    position: relative;
    text-decoration: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  }
  #btn-reserver a.bouton_reserver div.fleche-reserver {
    padding: 10px 5px 7px 10px;
    width: 15px;
    height: 10px;
    background: transparent url(/13765703/image/template/sprite_1.png) -270px 0px no-repeat;
    border: solid #FFF 9px;
    border-left-top-radius: 5px;
    border-left-bottom-radius: 5px;
  }
  #btn-reserver a.bouton_reserver:hover {
    background-color: #D8422F;
    transition-duration: 0.3s;
  }
  #btn-reserver a.bouton_reserver div.reserver {
    width: 60%;
    position: absolute;
    top: 7px;
    left: 30px;
    padding: 0 10px 0 40px;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    text-align: left;
    font-size: 17px;
  }
  #container {
    margin-top: 0;
    margin-left: 0px;
  }
  #header-left {
    background-image: none;
    width: 180px;
    position: relative;
    float: left;
    margin: 15px 0px;
  }
  #header-left #logo {
    height: 140px;
  }
  #content {
    padding: 0 10px 0 10px;
    background-color: #FFF;
  }
  #content .inner {
    border: 0px none;
  }
  #content-inner {
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  #nav ul {
    display: block;
    width: auto !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    position: relative;
  }
  #nav > ul ul {
    box-shadow: 0px 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px 0px;
  }
  #nav > ul ul ul {
    padding-left: 15px;
  }
  #nav ul li {
    border: none 0px;
  }
  #nav ul li a {
    width: 100%;
    border-bottom: 1px solid #FFF;
    margin-bottom: 0px;
    padding: 12px 10px;
    font-weight: normal;
  }
  #nav ul ul li a {
    width: auto !important;
  }
  #header .inner {
    background: #D8422F;
  }
  #header #baseline {
    text-align: center;
    padding: 20px 10px 20px 10px;
    min-height: inherit;
    font-size: 16px;
    line-height: 26px;
    margin: 0px;
  }
  #header-right nav {
    position: relative;
    height: 120px;
    padding: 20px 0 0 0;
  }
  #header-right nav ul {
    margin: 0;
  }
  #header-right nav li {
    float: left !important;
    margin: 0 !important;
  }
  #header-right nav li:nth-child(2n+1) {
    clear: left;
  }
  #header-right nav li a {
    width: 36px;
    height: 36px;
    overflow: hidden;
    text-indent: -200px;
    margin: 0 0 24px 24px;
    padding: 0px;
  }
  #header-right {
    overflow: hidden;
  }
  #header-right #info li a .js-ico {
    padding: 0px;
    margin: 0px;
  }
  #sidebar .col {
    margin-right: 0 !important;
  }
  #nav,
  .col {
    display: block;
    width: auto !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }
  #footer {
    padding-bottom: 130px;
  }
  #footer h2 {
    font-size: 20px;
    letter-spacing: normal;
    font-weight: normal;
    line-height: normal;
  }
  #footer .cols {
    width: auto !important;
    padding-top: 10px;
  }
  #footer .inner .cols .social .js-ico {
    margin-right: 25px;
  }
  #footer .inner #copyright {
    position: relative !important;
    width: auto !important;
    height: 90px;
    padding: 0 10px !important;
    margin: 0 0 0px 0 !important;
    left: auto !important;
    top: auto !important;
    bottom: -100px !important;
    right: auto !important;
  }
  #header-right nav #header-right-nav4 ul li a {
    width: auto;
    height: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  #header-right nav #header-right-nav4 > div > a .js-ico {
    box-shadow: 0px none;
    -moz-box-shadow: 0px none;
    -webkit-box-shadow: 0px none;
    border: none 0px;
  }
  #header-right nav #header-right-nav4 > div > a {
    box-shadow: 0px 5px 0px -3px rgba(250, 250, 250, 0.9);
    -moz-box-shadow: 0px 5px 0px -3px rgba(250, 250, 250, 0.9);
    -webkit-box-shadow: 0px 5px 0px -3px rgba(250, 250, 250, 0.9);
    border: rgba(0, 0, 0, 0.1) 1px solid;
    width: 38px;
  }
  #header-bg,
  #header-left p,
  #breadcrumbs,
  #footer .col1,
  #footer .col2,
  #footer .col3,
  #nav .close {
    display: none !important;
  }
  .figures figcaption,
  .index #slider2 .figures figcaption {
    bottom: -60px;
    padding: 5px;
    right: auto;
    width: auto;
  }
}
#sidebar .conso,
#sidebar .vivreIci,
.sidebar-article {
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px;
}
.sidebar-title {
  font-family: 'Droid Sans', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #333333;
}
#sidebar header {
  border-bottom: 1px solid #DC5645;
}
#sidebar header h2 {
  color: #FFFFFF;
  font-size: 20px;
  line-height: 20px;
  font-weight: normal;
  border-bottom: 1px solid #B13121;
}
#sidebar hr {
  border-top: #B13121 1px solid;
  border-bottom: #D94A37 1px solid;
}
#sidebar .auto,
#sidebar .plus,
#sidebar .actus,
#sidebar .immo,
#sidebar .here,
#sidebar .links,
.sidebar-article-color {
  background: #B13121;
  background: -moz-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D8422F), color-stop(100%, #B13121));
  background: -webkit-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -o-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -ms-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: linear-gradient(top, #D8422F 0%, #B13121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #D8422F , endColorstr= #B13121 );
  zoom: 1;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  padding: 10px;
}
#sidebar .here a,
#sidebar .actus a {
  font-weight: bold;
  color: #98D224;
}
/*************************************************/
#sidebar {
  width: 235px;
  margin-left: 15px;
  background-color: #FFF;
}
#sidebar .puce {
  border-left: 5px solid #98D224;
}
#sidebar .images {
  margin: 15px 0px;
}
/*************************************************/
.btns a,
#sidebar footer a,
#sidebar a.ico {
  padding: 12px 0px 12px 13px;
  background: #79A81C;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: linear-gradient(top, #98D224 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C );
  zoom: 1;
}
.btns a:hover,
#sidebar footer a:hover,
#sidebar a.ico:hover {
  background: #79A81C;
  background: -moz-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5B7D15), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: -o-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: -ms-linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  background: linear-gradient(top, #5B7D15 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #5B7D15 , endColorstr= #79A81C );
  zoom: 1;
}
/*************************************************/
#sidebar .ico .js-ico {
  margin: 0px 0 0;
  top: 2px;
  right: 2px;
  left: auto;
}
#sidebar .ico-immo .js-ico,
#sidebar .ico-auto .js-ico,
#sidebar .ico-moto .js-ico {
  margin: 4px 0 0;
}
#sidebar .ico-srch .js-ico,
#sidebar .ico-doc .js-ico,
#sidebar .ico-pdf .js-ico,
#sidebar .ico-mrgcy .js-ico,
#sidebar .ico-homepls .js-ico,
#sidebar .ico-homewht .js-ico,
#sidebar .ico-book .js-ico {
  margin: -4px 10px 0 5px;
}
#sidebar .ico-conso .js-ico {
  background-color: #98D224;
}
/*************************************************/
#sidebar .resa {
  color: #842518;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px;
  background: #B13121;
  background: -moz-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D8422F), color-stop(100%, #B13121));
  background: -webkit-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -o-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -ms-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: linear-gradient(top, #D8422F 0%, #B13121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #D8422F , endColorstr= #B13121 );
  zoom: 1;
}
#sidebar .resa .date label,
#sidebar .resa .content > label,
#sidebar .resa .libelle {
  color: #FFFFFF;
}
#sidebar .resa .chambre {
  border-top: 1px solid #B13121;
}
#sidebar .resa .chambre div {
  background: none repeat scroll 0 0 #DC5645;
}
#sidebar .resa .chambre label {
  color: #FFFFFF;
  font-weight: normal;
}
#sidebar .resa input,
#sidebar .resa select {
  color: #999999;
}
#sidebar .resa .ui-datepicker-trigger {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-bottom: 2px solid #98D224 !important;
}
/*************************************************/
#sidebar .tips header {
  color: #842518;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px;
  background-color: #FDF7F6;
  background: #B13121;
  background: -moz-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D8422F), color-stop(100%, #B13121));
  background: -webkit-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -o-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: -ms-linear-gradient(top, #D8422F 0%, #B13121 100%);
  background: linear-gradient(top, #D8422F 0%, #B13121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #D8422F , endColorstr= #B13121 );
  zoom: 1;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  padding: 10px;
  margin-bottom: 10px;
  border: 0px none;
  padding: 5px 5px 0 10px;
}
#sidebar .tips header h2 {
  border: 0px none;
}
#sidebar .tips .ico-tip {
  color: #842518;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 10px;
}
#sidebar .tips .ico .js-ico {
  margin: 0;
}
#sidebar .ico-tip .js-ico {
  margin: -12px 0 0 5px !important;
}
#sidebar .tips a {
  font-weight: normal;
}
/*************************************************/
#sidebar .conso {
  color: #C73725;
}
#sidebar .conso header h2 {
  color: #C73725;
  font-weight: bold;
  font-size: 18px;
}
#sidebar .conso .ico .js-ico {
  margin: 0px 0 0;
  top: 8px;
  right: 2px;
  left: auto;
}
#sidebar .conso strong {
  color: #9B2B1D;
}
/*************************************************/
#sidebar .vivreIci {
  padding: 55px 8px 8px 8px;
}
#sidebar .vivreIci .bloc.ved .titre {
  padding: 5px 10px;
  text-transform: none;
  border-top: #000 1px solid;
  color: #C73725;
}
#sidebar .vivreIci .bloc.ved .corps {
  padding: 0 0 0 20px;
}
#sidebar .vivreIci .bloc.ved .liens_ved {
  width: 96%;
  padding-top: 5px;
  padding-left: 2%;
  padding-right: 2%;
  border-top: 1px rgba(0, 0, 0, 0.2) solid;
}
#sidebar .vivreIci .bloc.ved .liens_ved li {
  width: 33%;
}
/*************************************************/
#sidebar .media .title h2 {
  font-family: 'Droid Sans', sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #333333;
  color: #FFFFFF;
  text-transform: none;
  font-weight: normal;
}
#sidebar .media .text {
  border-radius: 5px;
  background-color: #D8422F;
  background-color: rgba(216, 66, 47, 0.6);
  zoom: 1;
  background-color: transparent\9;
  background-color: rgba(216, 66, 47, 0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99D8422F, endColorstr=#99D8422F)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99D8422F, endColorstr=#99D8422F);
}
/*************************************************/
#sidebar .ardoise {
  color: #FFFFFF;
  padding: 10px;
}
#sidebar .ardoise p span {
  color: #98D224;
}
#sidebar .ardoise div:first-child p {
  text-align: left;
}
/*************************************************/
#sidebar .here {
  color: #FFFFFF;
}
/*************************************************/
#sidebar .links hr {
  margin: 5px 0 3px 0;
}
#sidebar .links a {
  color: #FFFFFF;
}
#sidebar .links a.c {
  padding: 0px 22px;
  background: transparent url(/13765703/image/template/liensC.png) no-repeat 0px 0px;
}
/*************************************************/
/*FIX IE7*/
.ie7 .tips a:hover,
.ie7 .tips a:active {
  outline: none !important;
}
.ie7 .tips .ico-tips {
  height: 31px !important;
}
.ie7 #main.wsidebar {
  float: left !important;
  width: 485px !important;
  margin: 0px 0px 0px 0px !important;
}
.ie7 #main .autresplan .apercu {
  width: 45%;
}
/*
#sidebar .resa .chambre>label {float:none; margin:0 10px 0 15px;}
*/
.ie7 #sidebar .resa .chambre > label {
  margin: 0 12px;
}
/*************************************************/
/*FIX IE8*/
.ie8 #video object {
  width: 480px !important;
}
/**/
/********************** BOUTIQUE *****************/
.checkout #sidebar,
.liste #sidebar,
.panier #sidebar,
.produit #sidebar {
  display: none;
}
.checkout #main,
.liste #main,
.panier #main,
.produit #main {
  margin: 0;
}
/****************** PAGE CHECKOUT ****************/
.checkout #main section form h1 {
  padding: 5px 20px 2px;
}
div.recap > div {
  width: 100%;
}
div.recap div.first {
  background-color: #F7F7F7 !important;
}
div.recap div.first > div {
  color: #575950 !important;
  font-family: "Droid Sans";
  font-weight: bold;
  text-transform: uppercase;
}
div.recap div div.produit div img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
}
div.recap div div.produit div p {
  text-transform: uppercase;
}
div.recap div div.qte .moins {
  background: url(/13765703/image/template/sprite-boutique.png) 0px 0px no-repeat;
}
div.recap div div.qte .plus {
  background: url(/13765703/image/template/sprite-boutique.png) -40px 0px no-repeat;
}
div.recap div div.trash span.trash {
  background: url(/13765703/image/template/sprite-boutique.png) -80px 0px no-repeat;
}
div.recap > div.result {
  padding-right: 0px;
}
div.recap > div.result div.total p {
  color: #98D224;
  font-size: 24px !important;
}
div.recap > div.result div.frais span {
  color: #999999 !important;
}
input.valider {
  font-family: "Droid Sans";
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  background: #79A81C;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C));
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%);
  background: linear-gradient(top, #98D224 0%, #79A81C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C );
  zoom: 1;
}
input.valider:hover {
  background: #79A81C !important;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C)) !important;
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C ) !important;
  zoom: 1 !important;
}
div.recap > div.result input.valider {
  margin-right: 0px;
  font-size: 13px;
}
div.payment .valider {
  font-family: "Droid Sans";
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 10px 25px;
}
.identification .content > div select {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/****************** PAGE LISTE ****************/
.afficher span,
.trier span,
.nbarticles span {
  color: #666666 !important;
}
.afficher .ligne span {
  background: url(/13765703/image/template/sprite-boutique.png) 0px -60px no-repeat;
}
.afficher .ligne span.active {
  background: url(/13765703/image/template/sprite-boutique.png) -40px -60px no-repeat;
}
.afficher .ligne span:hover {
  background: url(/13765703/image/template/sprite-boutique.png) -40px -60px no-repeat;
}
.afficher .vignette span {
  background: url(/13765703/image/template/sprite-boutique.png) 0px -90px no-repeat;
}
.afficher .vignette span.active {
  background: url(/13765703/image/template/sprite-boutique.png) -40px -90px no-repeat;
}
.afficher .vignette span:hover {
  background: url(/13765703/image/template/sprite-boutique.png) -40px -90px no-repeat;
}
.trier a {
  background: #D8422F;
}
.trier a:hover {
  background: #842518;
  cursor: pointer;
}
.trier a.selected {
  background: #842518;
}
.trier a.selected:hover {
  background: #D8422F;
}
.liste-vignette li img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.liste-vignette li h2.titre {
  letter-spacing: 0px !important;
  text-transform: none !important;
}
.liste-vignette li h2.titre a {
  font-family: Arial !important;
  font-size: 12px;
}
.liste-vignette li .etiquette-reduc p,
.liste-vignette li .etiquette-top p,
.liste-vignette li .etiquette-une p,
.liste-vignette li .etiquette-reduc2 p {
  font-family: "Droid Sans";
  font-weight: bold;
}
.liste-desc li h2.titre a {
  letter-spacing: 0px !important;
  font-size: 14px;
}
.liste-desc li .img img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.liste-desc li .infos .titre {
  line-height: 18px !important;
}
.liste-desc li .prix .ref .reference {
  height: 14px;
}
.liste-desc li .prix .panier {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #79A81C !important;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C)) !important;
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C ) !important;
  zoom: 1 !important;
  padding: 6px 0;
  text-transform: uppercase;
  font-family: "Droid Sans";
  font-size: 11px;
}
.liste-desc li .prix .panier:hover {
  background: #79A81C !important;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C)) !important;
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C ) !important;
  zoom: 1 !important;
}
.plusproduits {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Droid Sans";
  background: #79A81C !important;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C)) !important;
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C ) !important;
  zoom: 1 !important;
  padding: 15px 0 15px 13px;
}
.plusproduits:hover {
  background: #79A81C !important;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C)) !important;
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C ) !important;
  zoom: 1 !important;
}
.plusproduits span {
  top: 12px;
  font-size: 50px;
}
/****************** PAGE PANIER ****************/
/****************** PAGE PRODUIT ****************/
.produit #slider .figures {
  background: none !important;
}
.produit #slider .figures-nav {
  background: none !important;
  margin-top: 0px;
}
.produit .description .addpanier {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 12px 0 10px 13px;
  font-size: 15px;
  letter-spacing: 2px;
  font-family: "Droid Sans";
  background: #79A81C !important;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C)) !important;
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C ) !important;
  zoom: 1 !important;
}
.produit .description .addpanier:hover {
  background: #79A81C !important;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C)) !important;
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C ) !important;
  zoom: 1 !important;
}
.produit .description form table {
  border-bottom: none;
}
.produit .description .montant {
  margin-bottom: 25px;
}
.produit .livraison ul li {
  border-bottom: 1px solid #CCCCCC;
  padding: 5px 0;
}
.produit .livraison ul li q {
  font-family: "Droid Sans";
  text-transform: uppercase;
  font-size: 11px !important;
}
.produit .livraison ul li q span {
  color: #666666 !important;
}
.produit .btn_prev,
.produit .btn_next {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: "Droid Sans";
  font-size: 12px;
  text-transform: uppercase;
  background: #79A81C !important;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C)) !important;
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C ) !important;
  zoom: 1 !important;
}
.produit .btn_prev:hover,
.produit .btn_next:hover {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #79A81C !important;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C)) !important;
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C ) !important;
  zoom: 1 !important;
}
.produit .retour-liste {
  background: #D8422F;
  background: -moz-linear-gradient(left, #842518 0%, #D8422F 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #842518), color-stop(100%, #D8422F));
  background: -webkit-linear-gradient(left, #842518 0%, #D8422F 100%);
  background: -o-linear-gradient(left, #842518 0%, #D8422F 100%);
  background: -ms-linear-gradient(left, #842518 0%, #D8422F 100%);
  background: linear-gradient(left, #842518 0%, #D8422F 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #842518 , endColorstr= #D8422F );
  zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 20px;
  color: #FFFFFF;
  font-family: "Droid Sans";
  float: none;
  text-decoration: none;
  font-size: 13px;
  padding: 8px 40px;
  text-transform: uppercase;
}
.produit .retour-liste:hover {
  background: #B13121;
  background: -moz-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #581810), color-stop(100%, #B13121));
  background: -webkit-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -o-linear-gradient(left, #581810 0%, #B13121 100%);
  background: -ms-linear-gradient(left, #581810 0%, #B13121 100%);
  background: linear-gradient(left, #581810 0%, #B13121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #581810 , endColorstr= #B13121 );
  zoom: 1;
}
.index .nav-vignette .prev,
.index .nav-vignette .next {
  background: #B13121;
  background: -moz-linear-gradient(left, #842518 0%, #B13121 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #842518), color-stop(100%, #B13121));
  background: -webkit-linear-gradient(left, #842518 0%, #B13121 100%);
  background: -o-linear-gradient(left, #842518 0%, #B13121 100%);
  background: -ms-linear-gradient(left, #842518 0%, #B13121 100%);
  background: linear-gradient(left, #842518 0%, #B13121 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #842518 , endColorstr= #B13121 );
  zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 43px;
}
.index .nav-vignette .prev:hover,
.index .nav-vignette .next:hover {
  background: #842518;
  background: -moz-linear-gradient(left, #581810 0%, #842518 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #581810), color-stop(100%, #842518));
  background: -webkit-linear-gradient(left, #581810 0%, #842518 100%);
  background: -o-linear-gradient(left, #581810 0%, #842518 100%);
  background: -ms-linear-gradient(left, #581810 0%, #842518 100%);
  background: linear-gradient(left, #581810 0%, #842518 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr= #581810 , endColorstr= #842518 );
  zoom: 1;
}
.index .nav-vignette .text {
  background: #79A81C !important;
  background: -moz-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #79A81C)) !important;
  background: -webkit-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -o-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: -ms-linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  background: linear-gradient(top, #98D224 0%, #79A81C 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #79A81C ) !important;
  zoom: 1 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  font-family: "Droid Sans";
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
}
.index .nav-vignette .prev span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/13765703/image/harmony/h002/sprites.png);
  background-position: 0px -93px;
}
.index .nav-vignette .next span {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/13765703/image/harmony/h002/sprites.png);
  background-position: -40px -93px;
}
/**BANDEAU PRODUIT HOME**/
.index .nav-vignette .prev,
.index .nav-vignette .next,
.index .nav-vignette .text,
.produit .description .addpanier,
.produit .btn_prev,
.produit .btn_next,
.liste-desc li .prix .panier,
.plusproduits,
div.payment .valider,
.produit .retour-liste {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.produit .description .addpanier:hover,
.produit .btn_prev:hover,
.produit .btn_next:hover,
.liste-desc li .prix .panier:hover,
div.payment .valider:hover,
.plusproduits:hover {
  background: #5B7D15 !important;
  background: -moz-linear-gradient(top, #98D224 0%, #5B7D15 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98D224), color-stop(100%, #5B7D15)) !important;
  background: -webkit-linear-gradient(top, #98D224 0%, #5B7D15 100%) !important;
  background: -o-linear-gradient(top, #98D224 0%, #5B7D15 100%) !important;
  background: -ms-linear-gradient(top, #98D224 0%, #5B7D15 100%) !important;
  background: linear-gradient(top, #98D224 0%, #5B7D15 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= #98D224 , endColorstr= #5B7D15 ) !important;
  zoom: 1 !important;
}
/*desktop*/
.index .liste-vignette li .prix .montant {
  color: #98D224;
  font-weight: bold;
}
/**\BANDEAU PRODUIT HOME**/
/*********** TABLETTE BOUTIQUE *****************/
@media screen and (max-width: 1024px) {
  /*** TABLETTE CHECKOUT ***/
  .identification .content textarea {
    border: 1px solid #f5f5f5 !important;
  }
  /*** TABLETTE LISTE ***/
  .afficher {
    width: 13%;
  }
  .afficher q > span:first-child {
    display: none;
  }
  .trier {
    width: 65%;
  }
  .nbarticles {
    width: 22%;
  }
  .nbarticles q {
    float: right;
  }
  .nbarticles q > span {
    display: block;
    float: left;
    width: 50px !important;
    height: 20px;
    overflow: hidden !important;
  }
  .nbarticles select {
    margin-top: 5px !important;
  }
  .liste .liste-vignette li .etiquette-top,
  .liste .liste-vignette li .etiquette-une,
  .liste .liste-vignette li .etiquette-reduc2,
  .liste .liste-vignette li .etiquette-reduc {
    width: 70% !important;
  }
  .liste .liste-vignette li .etiquette-reduc p,
  .liste .liste-vignette li .etiquette-top p,
  .liste .liste-vignette li .etiquette-une p,
  .liste .liste-vignette li .etiquette-reduc2 p {
    font-size: 0.95em !important;
    text-transform: uppercase;
  }
  .liste-desc li {
    padding-top: 25px;
  }
  .liste-desc li:nth-child(2n) {
    background: #fcfcfc;
  }
  .liste-desc li .img {
    float: left;
  }
  .liste-desc li .infos {
    display: inline;
  }
  .liste-desc li .img,
  .liste-desc li .prix,
  .liste-desc li .infos {
    padding-top: 0px;
    vertical-align: middle;
  }
  .liste-desc li .prix {
    vertical-align: top;
  }
  .liste-desc li .infos .titre {
    float: left;
    width: 55%;
  }
  .liste-desc li .infos .descriptif {
    width: 96%;
    float: left;
    margin-left: 2%;
    overflow: hidden;
  }
  /*** TABLETTE PRODUIT ***/
  .produit #slider .figures-nav .prev,
  .produit #slider .figures-nav .next {
    display: none;
  }
  .produit #slider .figures-nav div {
    width: 100%;
  }
  .produit #slider .figures-nav div img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}
/*********** MOBILE BOUTIQUE *****************/
@media screen and (max-width: 760px) {
  /*** MOBILE CHECKOUT ***/
  div.recap > div {
    border-bottom: 1px solid #e6e6e6;
  }
  div.recap div div.produit div img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  div.recap > div.result input.valider {
    font-family: "Droid Sans";
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 93%;
  }
  div.payment .valider {
    width: 100%;
  }
  /*** MOBILE LISTE ***/
  .trier {
    width: 100%;
  }
  .liste-desc li {
    padding-top: 10px;
  }
  .liste-desc li:nth-child(2n) {
    background: none !important;
  }
  .liste .liste-vignette li .img,
  .liste .liste-vignette li .infos,
  .liste-desc li .img,
  .liste-desc li .infos {
    display: table-cell;
  }
  .liste .liste-vignette li .prix .montant,
  .liste-desc li .prix .montant {
    color: #98D224 !important;
  }
  .liste .liste-vignette li .infos .titre,
  .liste-desc li .infos .titre {
    float: none;
    width: 100%;
  }
  .liste .liste-vignette li .corner,
  .liste-desc li .corner {
    border-color: transparent #333 #333 transparent;
  }
  /*** MOBILE PRODUIT ***/
  .produit #slider .figures-nav div {
    width: 100%;
  }
  .produit .retour-liste {
    padding: 8px 0px;
  }
}
/*** PATCH LISTE : COMBO CATEGORIE ***/
/*** DESKTOP ***/
.combo-categorie {
  display: none;
  float: left;
  margin-bottom: 10px !important;
}
/*** TABLETTE ***/
@media screen and (max-width: 1024px) {
  .combo-categorie {
    display: block !important;
  }
  .combo-categorie span {
    float: left;
    color: #666666 !important;
  }
  .combo-categorie select {
    float: right;
    margin: 0 0 0 5px ! important;
    width: 200px !important;
  }
  .combo-categorie q {
    float: right;
  }
  #nav ul li.catalogue ul {
    display: none !important;
  }
}
/*** MOBILE ***/
@media screen and (max-width: 760px) {
  .combo-categorie {
    display: block !important;
  }
  .combo-categorie span {
    float: left;
    color: #666666 !important;
  }
  .combo-categorie select {
    float: right;
    margin: 0 0 0 5px ! important;
    width: 200px !important;
  }
  .combo-categorie q {
    float: right;
  }
  #nav ul li.catalogue ul {
    display: none !important;
  }
}
/*** SUPPRESSION CADRE PHOTOS ***/
#catalogue .liste-vignette img {
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0);
}
.index .liste-vignette li .img img {
  -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0);
}
/*** PAGE LISTE IE7-IE8 ***/
.ie7 .liste-desc li .infos {
  width: 420px;
  margin-right: 10px !important;
}
.ie8 .liste-desc li .infos {
  width: 432px;
  padding-right: 10px !important;
}
/*** POPIN ***/
#popn-inner.recap-popn .btn {
  text-transform: uppercase !important;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: bold !important;
}
/*************************************************/
/*STYLES SPECIFIQUE CATALOGUE GRATUIT*/
/*************************************************/
.index .ctn-vignette {
  position: relative;
  height: 288px;
}
.liste-vignette li .prix .montant {
  font-size: 18px;
  color: #581810;
  white-space: nowrap;
}
.liste-vignette li .prix .montant .apd {
  font-size: 14px;
  font-weight: bold !important;
}
.liste-desc li .prix .montant .apd {
  font-size: 14px;
  font-weight: bold !important;
  white-space: nowrap;
}
.liste-desc li .prix .montant {
  font-size: 18px;
  display: block;
  font-weight: normal !important;
  margin-bottom: 5px;
}
.produit .description .montant {
  display: block;
  text-align: right;
  font-size: 26px;
  margin: 15px 0;
  font-weight: normal !important;
  white-space: nowrap;
}
.produit .description .montant .apd {
  font-weight: normal !important;
  font-size: 20px;
}
.ajoutPanier .ajoutPanier-img {
  width: 100px;
  height: 66px;
}
.ajoutPanier .ajoutPanier-img img {
  max-width: 75px;
  max-height: 66px;
}
#recap-panier .produit-img {
  width: 95px;
  height: 66px;
}
#recap-panier .produit-img img {
  max-width: 75px;
  max-height: 66px;
}
.recap .qte {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}